mirror of
https://github.com/par274/sharpemu.git
synced 2026-08-01 15:39:47 +08:00
[GUI] Redesign options page (#699)
This commit is contained in:
Daniel Freak
@@ -11,6 +11,21 @@ Window and text defaults shared by all launcher views.
|
||||
<Setter Property="Foreground" Value="{StaticResource TextBrush}" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBlock.materialSymbol">
|
||||
<Setter Property="FontFamily" Value="{StaticResource MaterialSymbolsRounded}" />
|
||||
<Setter Property="FontFeatures" Value="+liga" />
|
||||
<Setter Property="FontSize" Value="18" />
|
||||
<Setter Property="FontWeight" Value="Normal" />
|
||||
<Setter Property="LineHeight" Value="20" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
<Setter Property="TextAlignment" Value="Center" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBlock.materialSymbol.compact">
|
||||
<Setter Property="FontSize" Value="16" />
|
||||
<Setter Property="LineHeight" Value="18" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBlock.sectionTitle">
|
||||
<Setter Property="FontSize" Value="11" />
|
||||
<Setter Property="FontWeight" Value="SemiBold" />
|
||||
|
||||
@@ -0,0 +1,229 @@
|
||||
<!--
|
||||
Copyright (C) 2026 SharpEmu Emulator Project
|
||||
SPDX-License-Identifier: GPL-2.0-or-later
|
||||
Options page navigation, section transitions and content layout
|
||||
-->
|
||||
|
||||
<Styles xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:SharpEmu.GUI"
|
||||
xmlns:settingsControls="using:SharpEmu.GUI.Controls.Settings">
|
||||
<Style Selector="Border.optionsNavSurface">
|
||||
<Setter Property="Width" Value="244" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="VerticalAlignment" Value="Top" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.optionsNavIndicator">
|
||||
<Setter Property="Height" Value="54" />
|
||||
<Setter Property="Margin" Value="0,3,0,0" />
|
||||
<Setter Property="CornerRadius" Value="12" />
|
||||
<Setter Property="Background" Value="#13FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="#E6FFFFFF" />
|
||||
<Setter Property="BorderThickness" Value="2" />
|
||||
<Setter Property="BoxShadow" Value="0 8 24 0 #24000000" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionsNav">
|
||||
<Setter Property="Height" Value="61" />
|
||||
<Setter Property="HorizontalAlignment" Value="Stretch" />
|
||||
<Setter Property="Padding" Value="16,0" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="CornerRadius" Value="12" />
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Foreground" Value="#8FFFFFFF" />
|
||||
<Setter Property="FontSize" Value="14" />
|
||||
<Setter Property="FontWeight" Value="Medium" />
|
||||
<Setter Property="FocusAdorner" Value="{x:Null}" />
|
||||
<Setter Property="RenderTransform" Value="none" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionsNav /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="Foreground" Value="#8FFFFFFF" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionsNav:pointerover /template/ ContentPresenter#PART_ContentPresenter,
|
||||
Button.optionsNav:focus-visible /template/ ContentPresenter#PART_ContentPresenter,
|
||||
Button.optionsNav.active /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="Foreground" Value="White" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionsNav:pressed">
|
||||
<Setter Property="RenderTransform" Value="none" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBlock.optionsNavIcon">
|
||||
<Setter Property="Width" Value="20" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
<Setter Property="HorizontalAlignment" Value="Left" />
|
||||
<Setter Property="Padding" Value="0,0,0,5" />
|
||||
<Setter Property="Foreground" Value="#8FFFFFFF" />
|
||||
<Setter Property="Transitions">
|
||||
<Transitions>
|
||||
<BrushTransition Property="Foreground"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBlock.optionsNavLabel">
|
||||
<Setter Property="FontSize" Value="14" />
|
||||
<Setter Property="FontWeight" Value="Medium" />
|
||||
<Setter Property="LineHeight" Value="20" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
<Setter Property="Padding" Value="0,0,0,4" />
|
||||
<Setter Property="Foreground" Value="#8FFFFFFF" />
|
||||
<Setter Property="Transitions">
|
||||
<Transitions>
|
||||
<BrushTransition Property="Foreground"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionsNav:pointerover TextBlock.optionsNavIcon,
|
||||
Button.optionsNav:focus-visible TextBlock.optionsNavIcon,
|
||||
Button.optionsNav.active TextBlock.optionsNavIcon">
|
||||
<Setter Property="Foreground" Value="White" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionsNav:pointerover TextBlock.optionsNavLabel,
|
||||
Button.optionsNav:focus-visible TextBlock.optionsNavLabel,
|
||||
Button.optionsNav.active TextBlock.optionsNavLabel">
|
||||
<Setter Property="Foreground" Value="White" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.optionsContentSurface">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="ScrollViewer.optionsSectionPanel">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="RenderTransform" Value="translateY(22px)" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
|
||||
<Setter Property="HorizontalScrollBarVisibility" Value="Disabled" />
|
||||
<Setter Property="VerticalScrollBarVisibility" Value="Auto" />
|
||||
<Setter Property="Transitions">
|
||||
<Transitions>
|
||||
<DoubleTransition Property="Opacity"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
<TransformOperationsTransition Property="RenderTransform"
|
||||
Duration="0:0:0.28"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style Selector="ScrollViewer.optionsSectionPanel.active">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
<Setter Property="RenderTransform" Value="translateY(0px)" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.optionsGroup">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.optionsInfoRow">
|
||||
<Setter Property="MinHeight" Value="70" />
|
||||
<Setter Property="Padding" Value="18,12" />
|
||||
<Setter Property="CornerRadius" Value="14" />
|
||||
<Setter Property="Background" Value="#06FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="#0AFFFFFF" />
|
||||
<Setter Property="BorderThickness" Value="1" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="local|SettingRow.optionRow:focus-within /template/ Border#PART_RowSurface">
|
||||
<Setter Property="Background" Value="#0DFFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="#22FFFFFF" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="ComboBox.optionValue, settingsControls|SplitNumericUpDown.optionValue, TextBox.optionValue">
|
||||
<Setter Property="Width" Value="190" />
|
||||
<Setter Property="MinHeight" Value="44" />
|
||||
<Setter Property="CornerRadius" Value="14" />
|
||||
<Setter Property="Background" Value="#12FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBox.optionValue">
|
||||
<Setter Property="Padding" Value="17,0" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
|
||||
<Setter Property="TextAlignment" Value="Left" />
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
<Setter Property="FocusAdorner" Value="{x:Null}" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="TextBox.optionValue /template/ Border#PART_BorderElement">
|
||||
<Setter Property="CornerRadius" Value="14" />
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
<Setter Property="Background" Value="#12FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
</Style>
|
||||
|
||||
<!-- The outer split-input surface owns hover and focus animation -->
|
||||
<Style Selector="TextBox.splitNumericTextBox /template/ Border#PART_BorderElement,
|
||||
TextBox.splitNumericTextBox:pointerover /template/ Border#PART_BorderElement,
|
||||
TextBox.splitNumericTextBox:focus /template/ Border#PART_BorderElement">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="ToggleSwitch.optionToggle">
|
||||
<Setter Property="Theme" Value="{StaticResource OptionToggleTheme}" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionAction">
|
||||
<Setter Property="MinWidth" Value="156" />
|
||||
<Setter Property="MinHeight" Value="44" />
|
||||
<Setter Property="Padding" Value="18,0" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Center" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
<Setter Property="CornerRadius" Value="12" />
|
||||
<Setter Property="Background" Value="#12FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Foreground" Value="White" />
|
||||
<Setter Property="FontWeight" Value="Medium" />
|
||||
<Setter Property="FocusAdorner" Value="{x:Null}" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionAction /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Background" Value="#12FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Transitions">
|
||||
<Transitions>
|
||||
<BrushTransition Property="Background"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style Selector="Button.optionAction:pointerover /template/ ContentPresenter#PART_ContentPresenter,
|
||||
Button.optionAction:focus-visible /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Background" Value="#20FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
</Style>
|
||||
</Styles>
|
||||
@@ -0,0 +1,76 @@
|
||||
<!--
|
||||
Copyright (C) 2026 SharpEmu Emulator Project
|
||||
SPDX-License-Identifier: GPL-2.0-or-later
|
||||
Options-only control resources: compact toggle theme
|
||||
-->
|
||||
|
||||
<ResourceDictionary xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
<ControlTheme x:Key="OptionToggleTheme" TargetType="ToggleSwitch">
|
||||
<Setter Property="Width" Value="46" />
|
||||
<Setter Property="Height" Value="26" />
|
||||
<Setter Property="MinWidth" Value="46" />
|
||||
<Setter Property="MinHeight" Value="26" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="Background" Value="#2BFFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="FocusAdorner" Value="{x:Null}" />
|
||||
<Setter Property="HorizontalAlignment" Value="Center" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
<Setter Property="KnobTransitions">
|
||||
<Transitions>
|
||||
<DoubleTransition Property="Canvas.Left"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
<Setter Property="Template">
|
||||
<ControlTemplate>
|
||||
<Border x:Name="PART_Track"
|
||||
Width="{TemplateBinding Width}"
|
||||
Height="{TemplateBinding Height}"
|
||||
Padding="3"
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderThickness="0"
|
||||
CornerRadius="13"
|
||||
ClipToBounds="True">
|
||||
<Canvas x:Name="PART_SwitchKnob"
|
||||
Width="20"
|
||||
Height="20"
|
||||
HorizontalAlignment="Left"
|
||||
VerticalAlignment="Center">
|
||||
<Grid x:Name="PART_MovingKnobs"
|
||||
Width="20"
|
||||
Height="20"
|
||||
Canvas.Left="0">
|
||||
<Border x:Name="PART_Thumb"
|
||||
Background="{StaticResource TextBrush}"
|
||||
BorderThickness="0"
|
||||
CornerRadius="10" />
|
||||
</Grid>
|
||||
</Canvas>
|
||||
<Border.Transitions>
|
||||
<Transitions>
|
||||
<BrushTransition Property="Background"
|
||||
Duration="0:0:0.16"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Border.Transitions>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
<Style Selector="^:pointerover /template/ Border#PART_Track">
|
||||
<Setter Property="Background" Value="#38FFFFFF" />
|
||||
</Style>
|
||||
<Style Selector="^:checked /template/ Border#PART_Track">
|
||||
<Setter Property="Background" Value="{StaticResource AccentBrush}" />
|
||||
</Style>
|
||||
<Style Selector="^:checked:pointerover /template/ Border#PART_Track">
|
||||
<Setter Property="Background" Value="{StaticResource AccentHoverBrush}" />
|
||||
</Style>
|
||||
<Style Selector="^:disabled /template/ Border#PART_Track">
|
||||
<Setter Property="Opacity" Value="0.45" />
|
||||
</Style>
|
||||
</ControlTheme>
|
||||
</ResourceDictionary>
|
||||
@@ -8,26 +8,51 @@ Control theme for the shared launcher settings row.
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="clr-namespace:SharpEmu.GUI">
|
||||
<ControlTheme x:Key="{x:Type local:SettingRow}" TargetType="local:SettingRow">
|
||||
<Setter Property="MinHeight" Value="70" />
|
||||
<Setter Property="Template">
|
||||
<ControlTemplate>
|
||||
<Grid ColumnDefinitions="*,Auto">
|
||||
<StackPanel VerticalAlignment="Center" Spacing="2" Margin="0,0,16,0">
|
||||
<TextBlock x:Name="PART_Label" Text="{TemplateBinding Label}" FontSize="13" />
|
||||
<TextBlock Text="{TemplateBinding Description}" FontSize="11"
|
||||
Foreground="{StaticResource MutedBrush}" TextWrapping="Wrap"
|
||||
IsVisible="{Binding Description, RelativeSource={RelativeSource TemplatedParent},
|
||||
Converter={x:Static StringConverters.IsNotNullOrEmpty}}" />
|
||||
</StackPanel>
|
||||
<StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="10" VerticalAlignment="Center">
|
||||
<ToggleSwitch OnContent="Override" OffContent="Override" MinWidth="0"
|
||||
VerticalAlignment="Center"
|
||||
IsVisible="{TemplateBinding ShowOverride}"
|
||||
IsChecked="{Binding IsOverridden, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" />
|
||||
<ContentPresenter x:Name="PART_Slot"
|
||||
Content="{TemplateBinding Content}"
|
||||
VerticalAlignment="Center" />
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
<Border x:Name="PART_RowSurface"
|
||||
Background="#06FFFFFF"
|
||||
BorderBrush="#0AFFFFFF"
|
||||
BorderThickness="1"
|
||||
CornerRadius="14"
|
||||
Padding="18,12">
|
||||
<Grid ColumnDefinitions="*,Auto">
|
||||
<StackPanel VerticalAlignment="Center" Spacing="3" Margin="0,0,18,0">
|
||||
<TextBlock x:Name="PART_Label"
|
||||
Text="{TemplateBinding Label}"
|
||||
FontSize="14"
|
||||
FontWeight="Medium"
|
||||
TextWrapping="Wrap"
|
||||
Foreground="{StaticResource TextBrush}" />
|
||||
<TextBlock Text="{TemplateBinding Description}"
|
||||
FontSize="11"
|
||||
FontWeight="Normal"
|
||||
Foreground="{StaticResource MutedBrush}"
|
||||
LineHeight="16"
|
||||
MaxWidth="690"
|
||||
HorizontalAlignment="Left"
|
||||
TextAlignment="Left"
|
||||
TextWrapping="Wrap"
|
||||
IsVisible="{Binding Description, RelativeSource={RelativeSource TemplatedParent},
|
||||
Converter={x:Static StringConverters.IsNotNullOrEmpty}}" />
|
||||
</StackPanel>
|
||||
<StackPanel Grid.Column="1"
|
||||
Orientation="Horizontal"
|
||||
Spacing="12"
|
||||
VerticalAlignment="Center">
|
||||
<ToggleSwitch OnContent="Override"
|
||||
OffContent="Override"
|
||||
MinWidth="0"
|
||||
VerticalAlignment="Center"
|
||||
IsVisible="{TemplateBinding ShowOverride}"
|
||||
IsChecked="{Binding IsOverridden, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" />
|
||||
<ContentPresenter x:Name="PART_Slot"
|
||||
Content="{TemplateBinding Content}"
|
||||
VerticalAlignment="Center" />
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
</ControlTheme>
|
||||
|
||||
@@ -0,0 +1,197 @@
|
||||
<!--
|
||||
Copyright (C) 2026 SharpEmu Emulator Project
|
||||
SPDX-License-Identifier: GPL-2.0-or-later
|
||||
Control themes for SplitNumericUpDown and its spinner parts
|
||||
-->
|
||||
|
||||
<ResourceDictionary xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:settingsControls="using:SharpEmu.GUI.Controls.Settings">
|
||||
<ControlTheme x:Key="SplitNumericRepeatButtonTheme" TargetType="RepeatButton">
|
||||
<Setter Property="MinWidth" Value="0" />
|
||||
<Setter Property="MinHeight" Value="0" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Foreground" Value="#B8FFFFFF" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Center" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="FocusAdorner" Value="{x:Null}" />
|
||||
<Setter Property="Template">
|
||||
<ControlTemplate>
|
||||
<ContentPresenter x:Name="PART_ContentPresenter"
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="Transparent"
|
||||
BorderThickness="0"
|
||||
Content="{TemplateBinding Content}"
|
||||
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
|
||||
<ContentPresenter.Transitions>
|
||||
<Transitions>
|
||||
<BrushTransition Property="Background"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
<BrushTransition Property="Foreground"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</ContentPresenter.Transitions>
|
||||
</ContentPresenter>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
<Style Selector="^:pointerover /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Background" Value="#16FFFFFF" />
|
||||
<Setter Property="Foreground" Value="White" />
|
||||
</Style>
|
||||
<Style Selector="^:pressed /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Background" Value="#22FFFFFF" />
|
||||
<Setter Property="Foreground" Value="White" />
|
||||
</Style>
|
||||
<Style Selector="^:disabled /template/ ContentPresenter#PART_ContentPresenter">
|
||||
<Setter Property="Opacity" Value="0.45" />
|
||||
</Style>
|
||||
</ControlTheme>
|
||||
|
||||
<ControlTheme x:Key="SplitNumericSpinnerTheme" TargetType="ButtonSpinner">
|
||||
<Setter Property="MinHeight" Value="44" />
|
||||
<Setter Property="MinWidth" Value="0" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="Background" Value="#12FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Foreground" Value="#E8FFFFFF" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Stretch" />
|
||||
<Setter Property="Focusable" Value="True" />
|
||||
<Setter Property="Template">
|
||||
<ControlTemplate>
|
||||
<Grid ColumnDefinitions="*,52"
|
||||
ColumnSpacing="8">
|
||||
<Border x:Name="PART_ValueSurface"
|
||||
MinHeight="{TemplateBinding MinHeight}"
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="Transparent"
|
||||
BorderThickness="0"
|
||||
CornerRadius="14"
|
||||
ClipToBounds="True">
|
||||
<ContentPresenter x:Name="PART_ContentPresenter"
|
||||
Content="{TemplateBinding Content}"
|
||||
ContentTemplate="{TemplateBinding ContentTemplate}"
|
||||
Padding="{TemplateBinding Padding}"
|
||||
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
|
||||
<Border.Transitions>
|
||||
<Transitions>
|
||||
<BrushTransition Property="Background"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Border.Transitions>
|
||||
</Border>
|
||||
|
||||
<Border x:Name="PART_SpinnerSurface"
|
||||
Grid.Column="1"
|
||||
MinHeight="{TemplateBinding MinHeight}"
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="Transparent"
|
||||
BorderThickness="0"
|
||||
CornerRadius="14"
|
||||
ClipToBounds="True"
|
||||
IsVisible="{TemplateBinding ShowButtonSpinner}">
|
||||
<Grid RowDefinitions="*,*">
|
||||
<RepeatButton x:Name="PART_IncreaseButton"
|
||||
Grid.Row="0"
|
||||
Theme="{StaticResource SplitNumericRepeatButtonTheme}"
|
||||
IsTabStop="{TemplateBinding IsTabStop}">
|
||||
<TextBlock Classes="materialSymbol compact"
|
||||
Text="keyboard_arrow_up" />
|
||||
</RepeatButton>
|
||||
<RepeatButton x:Name="PART_DecreaseButton"
|
||||
Grid.Row="1"
|
||||
Theme="{StaticResource SplitNumericRepeatButtonTheme}"
|
||||
IsTabStop="{TemplateBinding IsTabStop}">
|
||||
<TextBlock Classes="materialSymbol compact"
|
||||
Text="keyboard_arrow_down" />
|
||||
</RepeatButton>
|
||||
<Border Height="1"
|
||||
Grid.RowSpan="2"
|
||||
Background="#14FFFFFF"
|
||||
VerticalAlignment="Center"
|
||||
IsHitTestVisible="False" />
|
||||
</Grid>
|
||||
<Border.Transitions>
|
||||
<Transitions>
|
||||
<BrushTransition Property="Background"
|
||||
Duration="0:0:0.18"
|
||||
Easing="CubicEaseOut" />
|
||||
</Transitions>
|
||||
</Border.Transitions>
|
||||
</Border>
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
<Style Selector="^:pointerover /template/ Border#PART_ValueSurface,
|
||||
^:focus-within /template/ Border#PART_ValueSurface">
|
||||
<Setter Property="Background" Value="#20FFFFFF" />
|
||||
</Style>
|
||||
<Style Selector="^:pointerover /template/ Border#PART_SpinnerSurface,
|
||||
^:focus-within /template/ Border#PART_SpinnerSurface">
|
||||
<Setter Property="Background" Value="#20FFFFFF" />
|
||||
</Style>
|
||||
</ControlTheme>
|
||||
|
||||
<ControlTheme x:Key="{x:Type settingsControls:SplitNumericUpDown}"
|
||||
TargetType="settingsControls:SplitNumericUpDown">
|
||||
<Setter Property="MinHeight" Value="44" />
|
||||
<Setter Property="MinWidth" Value="0" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="Background" Value="#12FFFFFF" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="Foreground" Value="#E8FFFFFF" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Left" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="TextAlignment" Value="Left" />
|
||||
<Setter Property="Template">
|
||||
<ControlTemplate>
|
||||
<DataValidationErrors>
|
||||
<ButtonSpinner x:Name="PART_Spinner"
|
||||
Theme="{StaticResource SplitNumericSpinnerTheme}"
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="Transparent"
|
||||
BorderThickness="0"
|
||||
IsTabStop="False"
|
||||
Padding="0"
|
||||
MinWidth="0"
|
||||
HorizontalContentAlignment="Stretch"
|
||||
VerticalContentAlignment="Stretch"
|
||||
AllowSpin="{TemplateBinding AllowSpin}"
|
||||
ShowButtonSpinner="{TemplateBinding ShowButtonSpinner}">
|
||||
<TextBox x:Name="PART_TextBox"
|
||||
Classes="splitNumericTextBox"
|
||||
MinHeight="{TemplateBinding MinHeight}"
|
||||
MinWidth="0"
|
||||
Margin="0"
|
||||
Padding="17,0"
|
||||
Background="Transparent"
|
||||
BorderBrush="Transparent"
|
||||
BorderThickness="0"
|
||||
Foreground="{TemplateBinding Foreground}"
|
||||
PlaceholderText="{TemplateBinding PlaceholderText}"
|
||||
PlaceholderForeground="{TemplateBinding PlaceholderForeground}"
|
||||
IsReadOnly="{TemplateBinding IsReadOnly}"
|
||||
VerticalContentAlignment="Center"
|
||||
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
Text="{TemplateBinding Text}"
|
||||
TextAlignment="{TemplateBinding TextAlignment}"
|
||||
AcceptsReturn="False"
|
||||
TextWrapping="NoWrap"
|
||||
InnerLeftContent="{Binding InnerLeftContent, RelativeSource={RelativeSource TemplatedParent}}"
|
||||
InnerRightContent="{Binding InnerRightContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
</ButtonSpinner>
|
||||
</DataValidationErrors>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
</ControlTheme>
|
||||
</ResourceDictionary>
|
||||
@@ -6,6 +6,8 @@ Shared colors and brushes used throughout the launcher.
|
||||
|
||||
<ResourceDictionary xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
<FontFamily x:Key="MaterialSymbolsRounded">avares://SharpEmu.GUI/Assets/Fonts/MaterialSymbolsRounded-400.ttf#Material Symbols Rounded</FontFamily>
|
||||
|
||||
<Color x:Key="SystemAccentColor">#7C5CFC</Color>
|
||||
|
||||
<LinearGradientBrush x:Key="BgBrush" StartPoint="0%,0%" EndPoint="100%,100%">
|
||||
|
||||
Reference in New Issue
Block a user