291 lines
18 KiB
XML
291 lines
18 KiB
XML
<ResourceDictionary
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:controls="clr-namespace:Melskin.Controls"
|
|
xmlns:decorations="clr-namespace:Melskin.Controls.Decorations">
|
|
|
|
<Style x:Key="EmbossCheckBoxStyle" TargetType="{x:Type CheckBox}">
|
|
<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusVisual}" />
|
|
<Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
|
|
<Setter Property="BorderThickness" Value="1" />
|
|
<Setter Property="FontSize" Value="14" />
|
|
<Setter Property="VerticalContentAlignment" Value="Center" />
|
|
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="{x:Type CheckBox}">
|
|
<Grid x:Name="templateRoot" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<decorations:EmbossBorder
|
|
x:Name="checkBoxEmboss"
|
|
Width="24"
|
|
Height="24"
|
|
Background="{TemplateBinding Background}"
|
|
CornerRadius="4"
|
|
Intensity="0.4"
|
|
RenderTransformOrigin="0.5,0.5" />
|
|
<decorations:SlotBorder
|
|
x:Name="markSlot"
|
|
Grid.Column="0"
|
|
Width="24"
|
|
Height="24"
|
|
Background="{TemplateBinding Background}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"
|
|
CornerRadius="4"
|
|
Intensity="0.2"
|
|
Visibility="Collapsed">
|
|
<controls:IconElement
|
|
x:Name="checkMark"
|
|
Margin="1"
|
|
Foreground="{DynamicResource PrimaryNormalBrush}"
|
|
Symbol="Check" />
|
|
</decorations:SlotBorder>
|
|
<ContentPresenter
|
|
x:Name="contentPresenter"
|
|
Grid.Column="1"
|
|
Margin="{TemplateBinding Padding}"
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Focusable="False"
|
|
RecognizesAccessKey="True"
|
|
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="HasContent" Value="True">
|
|
<Setter Property="FocusVisualStyle" Value="{DynamicResource OptionMarkFocusVisual}" />
|
|
<Setter Property="Padding" Value="4,0,0,0" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="markSlot" Property="Visibility" Value="Visible" />
|
|
<Setter TargetName="checkBoxEmboss" Property="Visibility" Value="Collapsed" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter Property="Cursor" Value="Hand" />
|
|
<Setter TargetName="checkMark" Property="Foreground" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="markSlot" Property="Intensity" Value="0" />
|
|
<Setter TargetName="markSlot" Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
|
|
<Setter TargetName="checkMark" Property="Foreground" Value="{DynamicResource PrimaryDisabledBrush}" />
|
|
|
|
<Setter TargetName="checkBoxEmboss" Property="ShaderEnabled" Value="False" />
|
|
<Setter TargetName="checkBoxEmboss" Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource TextDisabledBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="checkBoxEmboss" Property="RenderTransform">
|
|
<Setter.Value>
|
|
<ScaleTransform ScaleX="0.9" ScaleY="0.9" />
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<Style x:Key="SlotCheckBoxStyle" TargetType="{x:Type CheckBox}">
|
|
<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusVisual}" />
|
|
<Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
|
|
<Setter Property="FontSize" Value="14" />
|
|
<Setter Property="VerticalContentAlignment" Value="Center" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="{x:Type CheckBox}">
|
|
<Grid x:Name="templateRoot" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<decorations:SlotBorder
|
|
x:Name="checkBoxSlot"
|
|
Width="24"
|
|
Height="24"
|
|
Background="{TemplateBinding Background}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"
|
|
CornerRadius="4"
|
|
Intensity="0.2"
|
|
RenderTransformOrigin="0.5,0.5" />
|
|
<decorations:EmbossBorder
|
|
x:Name="markEmboss"
|
|
Grid.Column="0"
|
|
Width="24"
|
|
Height="24"
|
|
Padding="2"
|
|
Background="{TemplateBinding Background}"
|
|
CornerRadius="4"
|
|
Intensity="0.4"
|
|
Visibility="Collapsed">
|
|
<Rectangle
|
|
x:Name="checkMark"
|
|
Margin="2"
|
|
Fill="{DynamicResource PrimaryNormalBrush}"
|
|
RadiusX="3"
|
|
RadiusY="3" />
|
|
</decorations:EmbossBorder>
|
|
<ContentPresenter
|
|
x:Name="contentPresenter"
|
|
Grid.Column="1"
|
|
Margin="{TemplateBinding Padding}"
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Focusable="False"
|
|
RecognizesAccessKey="True"
|
|
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="HasContent" Value="True">
|
|
<Setter Property="FocusVisualStyle" Value="{DynamicResource OptionMarkFocusVisual}" />
|
|
<Setter Property="Padding" Value="4,0,0,0" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="markEmboss" Property="Visibility" Value="Visible" />
|
|
<Setter TargetName="checkBoxSlot" Property="Visibility" Value="Collapsed" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
|
|
</Trigger>
|
|
<!-- 鼠标高亮，隐藏边框，显示深度效果 -->
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter Property="Cursor" Value="Hand" />
|
|
<Setter TargetName="checkMark" Property="Fill" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="checkBoxSlot" Property="ShaderEnabled" Value="False" />
|
|
<Setter TargetName="checkBoxSlot" Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
|
|
<Setter TargetName="markEmboss" Property="ShaderEnabled" Value="False" />
|
|
<Setter TargetName="markEmboss" Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
|
|
<Setter TargetName="checkMark" Property="Fill" Value="{DynamicResource PrimaryDisabledBrush}" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource TextDisabledBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="checkBoxSlot" Property="RenderTransform">
|
|
<Setter.Value>
|
|
<ScaleTransform ScaleX="0.9" ScaleY="0.9" />
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<Style x:Key="DefaultCheckBoxStyle" TargetType="{x:Type CheckBox}">
|
|
<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusVisual}" />
|
|
<Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
|
|
<Setter Property="BorderBrush" Value="{DynamicResource BorderNormalBrush}" />
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
|
|
<Setter Property="BorderThickness" Value="1" />
|
|
<Setter Property="FontSize" Value="14" />
|
|
<Setter Property="VerticalContentAlignment" Value="Center" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="{x:Type CheckBox}">
|
|
<Grid x:Name="templateRoot" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<Border
|
|
x:Name="checkBoxBorder"
|
|
Width="18"
|
|
Height="18"
|
|
Margin="3,2"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"
|
|
CornerRadius="4"
|
|
RenderTransformOrigin="0.5,0.5">
|
|
<Grid x:Name="markGrid" Margin="-1">
|
|
<Border
|
|
x:Name="markBorder"
|
|
Background="{DynamicResource PrimaryNormalBrush}"
|
|
CornerRadius="4"
|
|
Opacity="0">
|
|
<controls:IconElement
|
|
Margin="3"
|
|
Foreground="{TemplateBinding Background}"
|
|
Symbol="Check" />
|
|
</Border>
|
|
|
|
<Rectangle
|
|
x:Name="indeterminateMark"
|
|
Margin="3"
|
|
Fill="{DynamicResource PrimaryNormalBrush}"
|
|
Opacity="0"
|
|
RadiusX="3"
|
|
RadiusY="3" />
|
|
|
|
</Grid>
|
|
</Border>
|
|
|
|
<ContentPresenter
|
|
x:Name="contentPresenter"
|
|
Grid.Column="1"
|
|
Margin="{TemplateBinding Padding}"
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Focusable="False"
|
|
RecognizesAccessKey="True"
|
|
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="HasContent" Value="True">
|
|
<Setter Property="FocusVisualStyle" Value="{DynamicResource OptionMarkFocusVisual}" />
|
|
<Setter Property="Padding" Value="4,0,0,0" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="markBorder" Property="Opacity" Value="1" />
|
|
<Setter TargetName="indeterminateMark" Property="Opacity" Value="0" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="{x:Null}">
|
|
<Setter TargetName="indeterminateMark" Property="Opacity" Value="1" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="checkBoxBorder" Property="BorderBrush" Value="{DynamicResource BorderDisabledBrush}" />
|
|
<Setter TargetName="markBorder" Property="Background" Value="{DynamicResource PrimaryDisabledBrush}" />
|
|
<Setter TargetName="indeterminateMark" Property="Fill" Value="{DynamicResource PrimaryDisabledBrush}" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource TextDisabledBrush}" />
|
|
</Trigger>
|
|
<!-- 鼠标高亮，隐藏边框，显示深度效果 -->
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="checkBoxBorder" Property="BorderBrush" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
<Setter TargetName="indeterminateMark" Property="Fill" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
<Setter TargetName="markBorder" Property="Background" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
<Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{DynamicResource PrimaryFocusedBrush}" />
|
|
</Trigger>
|
|
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="checkBoxBorder" Property="RenderTransform">
|
|
<Setter.Value>
|
|
<ScaleTransform ScaleX="0.9" ScaleY="0.9" />
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<!-- 默认样式 -->
|
|
<Style BasedOn="{StaticResource DefaultCheckBoxStyle}" TargetType="{x:Type CheckBox}" />
|
|
<!-- 工具栏样式 -->
|
|
<Style
|
|
x:Key="{x:Static ToolBar.CheckBoxStyleKey}"
|
|
BasedOn="{StaticResource DefaultCheckBoxStyle}"
|
|
TargetType="{x:Type CheckBox}">
|
|
<Setter Property="Margin" Value="0,0,8,0" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
</Style>
|
|
</ResourceDictionary> |