mirror of
https://github.com/Flow-Launcher/Flow.Launcher.git
synced 2026-03-11 08:54:32 +00:00
724 lines
41 KiB
XML
724 lines
41 KiB
XML
<ui:Page
|
|
x:Class="Flow.Launcher.SettingPages.Views.SettingsPaneTheme"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:cc="clr-namespace:Flow.Launcher.Resources.Controls"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:ext="clr-namespace:Flow.Launcher.Resources.MarkupExtensions"
|
|
xmlns:flowlauncher="clr-namespace:Flow.Launcher"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:ui="http://schemas.modernwpf.com/2019"
|
|
xmlns:userSettings="clr-namespace:Flow.Launcher.Infrastructure.UserSettings;assembly=Flow.Launcher.Infrastructure"
|
|
xmlns:viewModels="clr-namespace:Flow.Launcher.SettingPages.ViewModels"
|
|
Title="Theme"
|
|
d:DataContext="{d:DesignInstance viewModels:SettingsPaneThemeViewModel}"
|
|
d:DesignHeight="450"
|
|
d:DesignWidth="800"
|
|
mc:Ignorable="d">
|
|
<ui:Page.Resources>
|
|
<ResourceDictionary>
|
|
<ResourceDictionary.MergedDictionaries>
|
|
<ResourceDictionary Source="pack://application:,,,/Resources/SettingWindowStyle.xaml" />
|
|
</ResourceDictionary.MergedDictionaries>
|
|
<CollectionViewSource x:Key="SortedFonts" Source="{Binding Source={x:Static Fonts.SystemFontFamilies}}" />
|
|
</ResourceDictionary>
|
|
</ui:Page.Resources>
|
|
<ScrollViewer
|
|
Padding="6 0 24 0"
|
|
CanContentScroll="False"
|
|
FontSize="14"
|
|
VirtualizingStackPanel.IsVirtualizing="True"
|
|
VirtualizingStackPanel.ScrollUnit="Pixel">
|
|
<StackPanel>
|
|
<!-- Page title -->
|
|
<TextBlock
|
|
Margin="5 23 0 5"
|
|
FontSize="30"
|
|
Style="{StaticResource PageTitle}"
|
|
Text="{DynamicResource appearance}"
|
|
TextAlignment="left"
|
|
Visibility="Collapsed" />
|
|
|
|
<!-- Theme preview -->
|
|
<Grid>
|
|
<Border Background="{Binding PreviewBackground}" CornerRadius="6">
|
|
<DockPanel LastChildFill="True">
|
|
<StackPanel
|
|
Width="Auto"
|
|
Background="Transparent"
|
|
DockPanel.Dock="Right"
|
|
Orientation="Horizontal">
|
|
<ToggleButton
|
|
x:Name="Editor"
|
|
Width="36"
|
|
Height="36"
|
|
Margin="8"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Top"
|
|
Style="{DynamicResource CustomToggleButtonStyle}"
|
|
ToolTip="{DynamicResource CustomizeToolTip}">
|
|
<ui:FontIcon
|
|
FontSize="14"
|
|
Foreground="{DynamicResource Color05B}"
|
|
Glyph="" />
|
|
</ToggleButton>
|
|
<!-- Theme Size Editor -->
|
|
<Border
|
|
Padding="0 0 0 0"
|
|
Background="{DynamicResource Color00B}"
|
|
BorderBrush="{DynamicResource Color03B}"
|
|
BorderThickness="1"
|
|
CornerRadius="0 5 5 0">
|
|
<Border.Style>
|
|
<Style TargetType="{x:Type Border}">
|
|
<Setter Property="Visibility" Value="Visible" />
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding ElementName=Editor, Path=IsChecked}" Value="False">
|
|
<Setter Property="Visibility" Value="Collapsed" />
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Border.Style>
|
|
<ScrollViewer
|
|
Height="400"
|
|
ScrollViewer.CanContentScroll="True"
|
|
VirtualizingStackPanel.IsVirtualizing="True"
|
|
VirtualizingStackPanel.ScrollUnit="Pixel">
|
|
<StackPanel>
|
|
<Slider
|
|
Name="WindowHeightValue"
|
|
Width="140"
|
|
Margin="8"
|
|
VerticalAlignment="Center"
|
|
ui:ControlHelper.Header="{DynamicResource SearchBarHeight}"
|
|
AutoToolTipPlacement="TopLeft"
|
|
IsMoveToPointEnabled="True"
|
|
IsSnapToTickEnabled="True"
|
|
Maximum="60"
|
|
Minimum="20"
|
|
TickFrequency="2"
|
|
Value="{Binding WindowHeightSize, Mode=TwoWay}" />
|
|
<Separator
|
|
Width="Auto"
|
|
BorderThickness="1"
|
|
Style="{StaticResource SettingSeparatorStyle}" />
|
|
<Slider
|
|
Name="QueryBoxFontSize"
|
|
Width="140"
|
|
Margin="8 8 8 0"
|
|
VerticalAlignment="Center"
|
|
ui:ControlHelper.Header="{DynamicResource queryBoxFont}"
|
|
AutoToolTipPlacement="TopLeft"
|
|
IsMoveToPointEnabled="True"
|
|
IsSnapToTickEnabled="True"
|
|
Maximum="{Binding ElementName=WindowHeightValue, Path=Value, UpdateSourceTrigger=PropertyChanged}"
|
|
Minimum="10"
|
|
TickFrequency="1"
|
|
Value="{Binding queryBoxFontSize, Mode=TwoWay}" />
|
|
<ComboBox
|
|
Width="150"
|
|
Margin="8 4 8 0"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Top"
|
|
IsSynchronizedWithCurrentItem="False"
|
|
ItemsSource="{Binding Source={StaticResource SortedFonts}}"
|
|
SelectedItem="{Binding SelectedQueryBoxFont}" />
|
|
<ComboBox
|
|
Width="150"
|
|
Margin="8"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Top"
|
|
ItemsSource="{Binding SelectedQueryBoxFont.FamilyTypefaces}"
|
|
SelectedItem="{Binding SelectedQueryBoxFontFaces}">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Value}" />
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
<Separator
|
|
Width="Auto"
|
|
BorderThickness="1"
|
|
Style="{StaticResource SettingSeparatorStyle}" />
|
|
<Slider
|
|
Name="ItemHeightValue"
|
|
Width="140"
|
|
Margin="8 8 8 0"
|
|
VerticalAlignment="Center"
|
|
ui:ControlHelper.Header="{DynamicResource ItemHeight}"
|
|
AutoToolTipPlacement="TopLeft"
|
|
IsMoveToPointEnabled="True"
|
|
IsSnapToTickEnabled="True"
|
|
Maximum="100"
|
|
Minimum="30"
|
|
TickFrequency="2"
|
|
Value="{Binding ItemHeightSize, Mode=TwoWay}" />
|
|
<Separator
|
|
Width="Auto"
|
|
BorderThickness="1"
|
|
Style="{StaticResource SettingSeparatorStyle}" />
|
|
<Slider
|
|
Name="resultItemFontSize"
|
|
Width="140"
|
|
Margin="8 8 8 0"
|
|
VerticalAlignment="Center"
|
|
ui:ControlHelper.Header="{DynamicResource resultItemFont}"
|
|
AutoToolTipPlacement="TopLeft"
|
|
IsMoveToPointEnabled="True"
|
|
IsSnapToTickEnabled="True"
|
|
Maximum="80"
|
|
Minimum="10"
|
|
TickFrequency="1"
|
|
Value="{Binding resultItemFontSize, Mode=TwoWay}" />
|
|
<ComboBox
|
|
Width="140"
|
|
Margin="8 4 8 0"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Top"
|
|
IsSynchronizedWithCurrentItem="False"
|
|
ItemsSource="{Binding Source={StaticResource SortedFonts}}"
|
|
SelectedItem="{Binding SelectedResultFont}" />
|
|
<ComboBox
|
|
Width="140"
|
|
Margin="8 4 8 8"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Top"
|
|
ItemsSource="{Binding SelectedResultFont.FamilyTypefaces}"
|
|
SelectedItem="{Binding SelectedResultFontFaces}">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Value}" />
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
<Separator
|
|
Width="Auto"
|
|
BorderThickness="1"
|
|
Style="{StaticResource SettingSeparatorStyle}" />
|
|
<Slider
|
|
Name="resultSubItemFontSize"
|
|
Width="140"
|
|
Margin="8 8 8 0"
|
|
VerticalAlignment="Center"
|
|
ui:ControlHelper.Header="{DynamicResource resultSubItemFont}"
|
|
AutoToolTipPlacement="TopLeft"
|
|
IsMoveToPointEnabled="True"
|
|
IsSnapToTickEnabled="True"
|
|
Maximum="80"
|
|
Minimum="6"
|
|
TickFrequency="1"
|
|
Value="{Binding resultSubItemFontSize, Mode=TwoWay}" />
|
|
<ComboBox
|
|
Width="140"
|
|
Margin="8 4 8 0"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Top"
|
|
IsSynchronizedWithCurrentItem="False"
|
|
ItemsSource="{Binding Source={StaticResource SortedFonts}}"
|
|
SelectedItem="{Binding SelectedResultSubFont}" />
|
|
<ComboBox
|
|
Width="140"
|
|
Margin="8 4 8 8"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Top"
|
|
ItemsSource="{Binding SelectedResultSubFont.FamilyTypefaces}"
|
|
SelectedItem="{Binding SelectedResultSubFontFaces}">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Value}" />
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
<Separator
|
|
Width="Auto"
|
|
BorderThickness="1"
|
|
Style="{StaticResource SettingSeparatorStyle}" />
|
|
<Button
|
|
Width="140"
|
|
Margin="8"
|
|
HorizontalAlignment="Center"
|
|
Content="{DynamicResource resetCustomize}" />
|
|
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</Border>
|
|
|
|
</StackPanel>
|
|
<StackPanel VerticalAlignment="Center" DockPanel.Dock="Left">
|
|
<Border
|
|
Width="400"
|
|
Margin="40 30 0 30"
|
|
SnapsToDevicePixels="True"
|
|
Style="{DynamicResource WindowBorderStyle}"
|
|
UseLayoutRounding="True">
|
|
<Border Style="{DynamicResource WindowRadius}">
|
|
<Border.Clip>
|
|
<MultiBinding Converter="{StaticResource BorderClipConverter}">
|
|
<Binding Path="ActualWidth" RelativeSource="{RelativeSource Self}" />
|
|
<Binding Path="ActualHeight" RelativeSource="{RelativeSource Self}" />
|
|
<Binding Path="CornerRadius" RelativeSource="{RelativeSource Self}" />
|
|
</MultiBinding>
|
|
</Border.Clip>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition />
|
|
<RowDefinition />
|
|
</Grid.RowDefinitions>
|
|
<Border Grid.Row="0">
|
|
<TextBox
|
|
x:Name="QueryTextBox"
|
|
Height="{Binding WindowHeightSize, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
|
|
FontSize="{Binding queryBoxFontSize, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
|
|
IsHitTestVisible="False"
|
|
IsReadOnly="True"
|
|
Style="{DynamicResource QueryBoxStyle}"
|
|
Text="{DynamicResource hiThere}" />
|
|
|
|
</Border>
|
|
<StackPanel
|
|
x:Name="ClockPanel"
|
|
IsHitTestVisible="False"
|
|
Style="{DynamicResource ClockPanel}"
|
|
Visibility="Visible">
|
|
<TextBlock
|
|
x:Name="ClockBox"
|
|
Style="{DynamicResource ClockBox}"
|
|
Text="{Binding ClockText}"
|
|
Visibility="{Binding Settings.UseClock, Converter={StaticResource BoolToVisibilityConverter}}" />
|
|
<TextBlock
|
|
x:Name="DateBox"
|
|
Style="{DynamicResource DateBox}"
|
|
Text="{Binding DateText}"
|
|
Visibility="{Binding Settings.UseDate, Converter={StaticResource BoolToVisibilityConverter}}" />
|
|
</StackPanel>
|
|
<Canvas Style="{DynamicResource SearchIconPosition}">
|
|
<Path
|
|
Margin="0"
|
|
Data="{DynamicResource SearchIconImg}"
|
|
Stretch="Fill"
|
|
Style="{DynamicResource SearchIconStyle}" />
|
|
</Canvas>
|
|
|
|
<Border Grid.Row="1" Margin="0 0 0 0">
|
|
<Rectangle
|
|
Width="Auto"
|
|
HorizontalAlignment="Stretch"
|
|
Style="{DynamicResource SeparatorStyle}"
|
|
Visibility="Visible" />
|
|
</Border>
|
|
|
|
<ContentControl Grid.Row="2">
|
|
<flowlauncher:ResultListBox
|
|
x:Name="ResultListBox"
|
|
DataContext="{Binding PreviewResults, Mode=OneTime}"
|
|
IsHitTestVisible="False"
|
|
Visibility="Visible" />
|
|
</ContentControl>
|
|
<Border x:Name="ContextMenu" Visibility="Collapsed" />
|
|
<Border x:Name="History" Visibility="Collapsed" />
|
|
</Grid>
|
|
</Border>
|
|
</Border>
|
|
</StackPanel>
|
|
</DockPanel>
|
|
</Border>
|
|
</Grid>
|
|
<!-- Drop shadow effect -->
|
|
<cc:Card
|
|
Title="{DynamicResource queryWindowShadowEffect}"
|
|
Margin="0 4 0 0"
|
|
Icon=""
|
|
Sub="{DynamicResource shadowEffectCPUUsage}">
|
|
<ui:ToggleSwitch
|
|
IsOn="{Binding DropShadowEffect}"
|
|
OffContent="{DynamicResource disable}"
|
|
OnContent="{DynamicResource enable}" />
|
|
</cc:Card>
|
|
|
|
<!-- Theme -->
|
|
<Border
|
|
Height="64"
|
|
Margin="0 8 0 0"
|
|
CornerRadius="5 5 0 0"
|
|
Style="{DynamicResource SettingGroupBox}">
|
|
<ItemsControl Style="{StaticResource SettingGrid}">
|
|
<StackPanel Style="{StaticResource TextPanel}">
|
|
<TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource theme}" />
|
|
</StackPanel>
|
|
<TextBlock Style="{StaticResource Glyph}">
|
|

|
|
</TextBlock>
|
|
</ItemsControl>
|
|
</Border>
|
|
|
|
<Border
|
|
Margin="0"
|
|
Padding="0"
|
|
HorizontalAlignment="Stretch"
|
|
BorderThickness="1 0 1 1"
|
|
CornerRadius="0 0 5 5"
|
|
Style="{DynamicResource SettingGroupBox}">
|
|
<ListBox
|
|
Margin="12"
|
|
HorizontalAlignment="Center"
|
|
HorizontalContentAlignment="Center"
|
|
ui:ScrollViewerHelper.AutoHideScrollBars="True"
|
|
Background="#ffffff"
|
|
ItemsSource="{Binding Themes}"
|
|
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
|
|
ScrollViewer.VerticalScrollBarVisibility="Disabled"
|
|
SelectedItem="{Binding SelectedTheme}">
|
|
<ListBox.ItemContainerStyle>
|
|
<Style TargetType="ListBoxItem">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" />
|
|
<Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" />
|
|
<Setter Property="Padding" Value="0" />
|
|
<Setter Property="Margin" Value="4" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="{x:Type ListBoxItem}">
|
|
<Border
|
|
x:Name="Bd"
|
|
Padding="{TemplateBinding Padding}"
|
|
Background="{DynamicResource Color12B}"
|
|
BorderBrush="{DynamicResource Color03B}"
|
|
BorderThickness="1 1 1 0"
|
|
CornerRadius="4"
|
|
SnapsToDevicePixels="true">
|
|
<Border
|
|
x:Name="Bd2"
|
|
BorderBrush="{DynamicResource Color14B}"
|
|
BorderThickness="0 0 0 2"
|
|
CornerRadius="4">
|
|
<ContentPresenter
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
|
|
</Border>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="true">
|
|
<Setter TargetName="Bd" Property="Background" Value="{DynamicResource ThemeHoverButton}" />
|
|
</Trigger>
|
|
<Trigger Property="IsSelected" Value="true">
|
|
<Setter TargetName="Bd" Property="Background" Value="{DynamicResource ToggleSwitchFillOn}" />
|
|
<Setter TargetName="Bd2" Property="BorderThickness" Value="0" />
|
|
<Setter TargetName="Bd2" Property="TextElement.Foreground" Value="{DynamicResource Color02B}" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</ListBox.ItemContainerStyle>
|
|
<ListBox.Template>
|
|
<!-- For Scroll Wheel inside listbox area -->
|
|
<ControlTemplate>
|
|
<ItemsPresenter />
|
|
</ControlTemplate>
|
|
</ListBox.Template>
|
|
<ListBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<Grid
|
|
Width="Auto"
|
|
Height="34"
|
|
Margin="0">
|
|
<TextBlock
|
|
x:Name="ThemeName"
|
|
Margin="0"
|
|
Padding="14 12"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Focusable="True"
|
|
FontSize="12"
|
|
Text="{Binding}"
|
|
TextWrapping="Wrap" />
|
|
</Grid>
|
|
</DataTemplate>
|
|
</ListBox.ItemTemplate>
|
|
<ListBox.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<WrapPanel />
|
|
</ItemsPanelTemplate>
|
|
</ListBox.ItemsPanel>
|
|
</ListBox>
|
|
|
|
</Border>
|
|
|
|
<cc:HyperLink
|
|
Margin="10"
|
|
HorizontalAlignment="Right"
|
|
Text="{DynamicResource browserMoreThemes}"
|
|
Uri="{Binding LinkThemeGallery}" />
|
|
|
|
|
|
<!-- Fonts and icons -->
|
|
<cc:CardGroup Margin="0 30 0 0">
|
|
<cc:Card
|
|
Title="{DynamicResource useGlyphUI}"
|
|
Icon=""
|
|
Sub="{DynamicResource useGlyphUIEffect}">
|
|
<ui:ToggleSwitch
|
|
IsOn="{Binding UseGlyphIcons}"
|
|
OffContent="{DynamicResource disable}"
|
|
OnContent="{DynamicResource enable}" />
|
|
</cc:Card>
|
|
|
|
<cc:Card Title="{DynamicResource queryBoxFont}" Icon="">
|
|
<StackPanel Orientation="Horizontal">
|
|
<ComboBox
|
|
Width="180"
|
|
IsSynchronizedWithCurrentItem="False"
|
|
ItemsSource="{Binding Source={StaticResource SortedFonts}}"
|
|
SelectedItem="{Binding SelectedQueryBoxFont}" />
|
|
<ComboBox
|
|
Width="130"
|
|
Margin="10 0 0 0"
|
|
ItemsSource="{Binding SelectedQueryBoxFont.FamilyTypefaces}"
|
|
SelectedItem="{Binding SelectedQueryBoxFontFaces}">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Value}" />
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
</cc:Card>
|
|
|
|
<cc:Card Title="{DynamicResource resultItemFont}" Icon="">
|
|
<StackPanel Orientation="Horizontal">
|
|
<ComboBox
|
|
Width="180"
|
|
IsSynchronizedWithCurrentItem="False"
|
|
ItemsSource="{Binding Source={StaticResource SortedFonts}}"
|
|
SelectedItem="{Binding SelectedResultFont}" />
|
|
<ComboBox
|
|
Width="130"
|
|
Margin="10 0 0 0"
|
|
ItemsSource="{Binding SelectedResultFont.FamilyTypefaces}"
|
|
SelectedItem="{Binding SelectedResultFontFaces}">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Value}" />
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
</cc:Card>
|
|
</cc:CardGroup>
|
|
|
|
<!-- Time and date -->
|
|
<cc:CardGroup Margin="0 24 0 0">
|
|
<cc:Card Title="{DynamicResource Clock}" Icon="">
|
|
<StackPanel Orientation="Horizontal">
|
|
<TextBlock
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
Foreground="{DynamicResource Color04B}"
|
|
Text="{Binding ClockText}" />
|
|
<ComboBox
|
|
MinWidth="180"
|
|
Margin="10 0 18 0"
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
ItemsSource="{Binding TimeFormatList}"
|
|
SelectedItem="{Binding TimeFormat}" />
|
|
<ui:ToggleSwitch
|
|
IsOn="{Binding UseClock}"
|
|
OffContent="{DynamicResource disable}"
|
|
OnContent="{DynamicResource enable}" />
|
|
</StackPanel>
|
|
</cc:Card>
|
|
|
|
<cc:Card Title="{DynamicResource Date}" Icon="">
|
|
<StackPanel Orientation="Horizontal">
|
|
<TextBlock
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
Foreground="{DynamicResource Color04B}"
|
|
Text="{Binding DateText}" />
|
|
<ComboBox
|
|
MinWidth="180"
|
|
Margin="10 0 18 0"
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
ItemsSource="{Binding DateFormatList}"
|
|
SelectedItem="{Binding DateFormat}" />
|
|
<ui:ToggleSwitch
|
|
IsOn="{Binding UseDate}"
|
|
OffContent="{DynamicResource disable}"
|
|
OnContent="{DynamicResource enable}" />
|
|
</StackPanel>
|
|
</cc:Card>
|
|
</cc:CardGroup>
|
|
|
|
<!-- Animation -->
|
|
<cc:CardGroup Margin="0 11 0 0">
|
|
<cc:Card
|
|
Title="{DynamicResource Animation}"
|
|
Icon=""
|
|
Sub="{DynamicResource AnimationTip}">
|
|
<ui:ToggleSwitch
|
|
IsOn="{Binding UseAnimation}"
|
|
OffContent="{DynamicResource disable}"
|
|
OnContent="{DynamicResource enable}" />
|
|
</cc:Card>
|
|
<cc:Card
|
|
Title="{DynamicResource AnimationSpeed}"
|
|
Icon=""
|
|
Sub="{DynamicResource AnimationSpeedTip}"
|
|
Visibility="{Binding UseAnimation, Converter={StaticResource BoolToVisibilityConverter}}">
|
|
<StackPanel Orientation="Horizontal">
|
|
<ComboBox
|
|
MinWidth="160"
|
|
VerticalAlignment="Center"
|
|
DisplayMemberPath="Display"
|
|
FontSize="14"
|
|
ItemsSource="{Binding AnimationSpeeds}"
|
|
SelectedValue="{Binding Settings.AnimationSpeed}"
|
|
SelectedValuePath="Value" />
|
|
|
|
<TextBox
|
|
MinWidth="80"
|
|
Margin="18 0 0 0"
|
|
Text="{Binding Settings.CustomAnimationLength}"
|
|
TextWrapping="NoWrap"
|
|
Visibility="{ext:VisibleWhen {Binding Settings.AnimationSpeed},
|
|
IsEqualTo={x:Static userSettings:AnimationSpeeds.Custom}}" />
|
|
</StackPanel>
|
|
</cc:Card>
|
|
</cc:CardGroup>
|
|
|
|
<!-- SFX -->
|
|
<cc:CardGroup Margin="0 11 0 0">
|
|
<cc:Card
|
|
Title="{DynamicResource SoundEffect}"
|
|
Icon=""
|
|
Sub="{DynamicResource SoundEffectTip}">
|
|
<ui:ToggleSwitch
|
|
IsOn="{Binding UseSound}"
|
|
OffContent="{DynamicResource disable}"
|
|
OnContent="{DynamicResource enable}" />
|
|
</cc:Card>
|
|
<cc:Card
|
|
Title="{DynamicResource SoundEffectVolume}"
|
|
Icon=""
|
|
IsEnabled="{Binding EnableVolumeAdjustment}"
|
|
Sub="{DynamicResource SoundEffectVolumeTip}"
|
|
Visibility="{Binding UseSound, Converter={StaticResource BoolToVisibilityConverter}}">
|
|
<StackPanel Orientation="Horizontal">
|
|
<TextBlock
|
|
Margin="0 0 8 0"
|
|
VerticalAlignment="Center"
|
|
Text="{Binding SoundEffectVolume}" />
|
|
<Slider
|
|
Width="250"
|
|
VerticalAlignment="Center"
|
|
IsMoveToPointEnabled="True"
|
|
IsSnapToTickEnabled="True"
|
|
Maximum="100"
|
|
Minimum="0"
|
|
TickFrequency="1"
|
|
Value="{Binding SoundEffectVolume}" />
|
|
</StackPanel>
|
|
</cc:Card>
|
|
</cc:CardGroup>
|
|
<Border
|
|
Name="WMPWarning"
|
|
Padding="0 10"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Center"
|
|
Background="{DynamicResource InfoBarWarningBG}"
|
|
BorderBrush="{DynamicResource Color03B}"
|
|
BorderThickness="0 1 0 0"
|
|
CornerRadius="5 5 5 5"
|
|
Visibility="{Binding ShowWMPWarning, Converter={StaticResource BoolToVisibilityConverter}}">
|
|
<Grid VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="58" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<ui:FontIcon
|
|
Grid.Column="0"
|
|
Margin="20 0 14 0"
|
|
VerticalAlignment="Center"
|
|
FontSize="15"
|
|
Foreground="{DynamicResource InfoBarWarningIcon}"
|
|
Glyph="" />
|
|
<TextBlock
|
|
Grid.Column="1"
|
|
Margin="0 0 0 2"
|
|
Padding="0 0 8 0"
|
|
HorizontalAlignment="Left"
|
|
FontSize="13"
|
|
FontWeight="SemiBold"
|
|
Foreground="{DynamicResource Color05B}"
|
|
Text="{DynamicResource SoundEffectWarning}"
|
|
TextWrapping="Wrap" />
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- Settings color scheme -->
|
|
<cc:Card
|
|
Title="{DynamicResource ColorScheme}"
|
|
Margin="0 11 0 0"
|
|
Icon="">
|
|
<ComboBox
|
|
MinWidth="180"
|
|
DisplayMemberPath="Display"
|
|
FontSize="14"
|
|
ItemsSource="{Binding ColorSchemes}"
|
|
SelectedValue="{Binding Settings.ColorScheme}"
|
|
SelectedValuePath="Value"
|
|
SelectionChanged="Selector_OnSelectionChanged" />
|
|
</cc:Card>
|
|
|
|
<!-- Theme folder -->
|
|
<cc:Card Title="{DynamicResource ThemeFolder}" Icon="">
|
|
<Button
|
|
MinWidth="180"
|
|
Command="{Binding OpenThemesFolderCommand}"
|
|
Content="{DynamicResource OpenThemeFolder}" />
|
|
</cc:Card>
|
|
|
|
<!-- How to create theme link -->
|
|
<cc:HyperLink
|
|
Margin="10 10 10 28"
|
|
HorizontalAlignment="Right"
|
|
Text="{DynamicResource howToCreateTheme}"
|
|
Uri="{Binding LinkHowToCreateTheme}" />
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</ui:Page>
|