更新
This commit is contained in:
ShrlAlgo
177
AntdWpf/Styles/Switch.xaml
Normal file
177
AntdWpf/Styles/Switch.xaml
Normal file
@@ -0,0 +1,177 @@
|
||||
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:controls="clr-namespace:AntdWpf.Controls"
|
||||
xmlns:helpers="clr-namespace:AntdWpf.Helpers">
|
||||
|
||||
<ResourceDictionary.MergedDictionaries>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Styles/Converters.xaml" />
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Styles/Animations.xaml" />
|
||||
</ResourceDictionary.MergedDictionaries>
|
||||
|
||||
<Style x:Key="Ant.SwitchFocusVisualStyle">
|
||||
<Setter Property="Control.Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="{x:Type Control}">
|
||||
<Border Opacity="0.2"
|
||||
Margin="-2"
|
||||
BorderThickness="2.5"
|
||||
BorderBrush="{DynamicResource PrimaryBrush}"
|
||||
CornerRadius="{Binding ActualHeight, Mode=OneWay, RelativeSource={RelativeSource Self},
|
||||
Converter={StaticResource DoubleToCornerRadiusConverter}, ConverterParameter=2}" />
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style TargetType="{x:Type controls:Switch}">
|
||||
<Setter Property="MinWidth" Value="44" />
|
||||
<Setter Property="Padding" Value="6 0" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="Height" Value="{DynamicResource SwitchHeight}" />
|
||||
<Setter Property="FontSize" Value="{DynamicResource FontSizeSmall}" />
|
||||
<Setter Property="Background" Value="{DynamicResource DisabledBrush}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource ComponentBackground}" />
|
||||
<Setter Property="FocusVisualStyle" Value="{StaticResource Ant.SwitchFocusVisualStyle}" />
|
||||
<Setter Property="helpers:Control.CornerRadius" Value="{Binding Height, Mode=OneWay, RelativeSource={RelativeSource Self},
|
||||
Converter={StaticResource DoubleToCornerRadiusConverter}, ConverterParameter=2}" />
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="{x:Type controls:Switch}">
|
||||
<Grid>
|
||||
<!-- Effect -->
|
||||
<Border x:Name="Effect"
|
||||
Margin="-1"
|
||||
Opacity="0.4"
|
||||
Focusable="False"
|
||||
BorderThickness="0"
|
||||
BorderBrush="{DynamicResource SwitchBrush}"
|
||||
CornerRadius="{Binding CornerRadius, Mode=OneWay, ElementName=Border}" />
|
||||
<!-- Border -->
|
||||
<Border x:Name="Border"
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
CornerRadius="{Binding Path=(helpers:Control.CornerRadius), Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
<!-- Content -->
|
||||
<ContentPresenter x:Name="Content"
|
||||
HorizontalAlignment="Right"
|
||||
Margin="{TemplateBinding Padding}"
|
||||
Content="{TemplateBinding UnCheckedContent}"
|
||||
ContentTemplate="{TemplateBinding ContentTemplate}"
|
||||
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
|
||||
ContentStringFormat="{TemplateBinding ContentStringFormat}"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}" />
|
||||
<!-- Dot -->
|
||||
<Border x:Name="PART_Dot"
|
||||
Focusable="False"
|
||||
VerticalAlignment="Center"
|
||||
HorizontalAlignment="Left"
|
||||
RenderTransformOrigin="0,0"
|
||||
Background="{TemplateBinding Foreground}"
|
||||
Width="{Binding Height, Mode=OneWay, RelativeSource={RelativeSource Self}}"
|
||||
Height="{Binding Height, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent},
|
||||
Converter={StaticResource SubtractionConverter}, ConverterParameter=4}"
|
||||
CornerRadius="{Binding Height, Mode=OneWay, RelativeSource={RelativeSource Self},
|
||||
Converter={StaticResource DoubleToCornerRadiusConverter}, ConverterParameter=2}">
|
||||
<Border.Margin>
|
||||
<MultiBinding Converter="{StaticResource DoubleToThicknessMultiConverter}" ConverterParameter="2">
|
||||
<Binding Mode="OneWay"
|
||||
Path="ActualWidth"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding Mode="OneWay"
|
||||
Path="Height"
|
||||
RelativeSource="{RelativeSource Self}" />
|
||||
</MultiBinding>
|
||||
</Border.Margin>
|
||||
<Border.Effect>
|
||||
<DropShadowEffect Direction="270" BlurRadius="4" ShadowDepth="1" Color="#005317" Opacity="0.2" />
|
||||
</Border.Effect>
|
||||
<controls:Icon x:Name="Icon"
|
||||
Type="loading"
|
||||
Foreground="{DynamicResource TextBrush}"
|
||||
Visibility="{Binding Loading, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent},
|
||||
Converter={StaticResource BooleanToVisibilityConverter}}" />
|
||||
</Border>
|
||||
<VisualStateManager.VisualStateGroups>
|
||||
<VisualStateGroup x:Name="CommonStates">
|
||||
<VisualStateGroup.Transitions>
|
||||
<VisualTransition From="Pressed">
|
||||
<Storyboard>
|
||||
<ThicknessAnimation Storyboard.TargetName="PART_Dot"
|
||||
Storyboard.TargetProperty="Margin"
|
||||
EasingFunction="{StaticResource EaseInOutCirc}"
|
||||
Duration="0:0:0.36" />
|
||||
<DoubleAnimation Storyboard.TargetName="PART_Dot"
|
||||
Storyboard.TargetProperty="Width"
|
||||
EasingFunction="{StaticResource EaseInOutCirc}"
|
||||
Duration="0:0:0.36" />
|
||||
</Storyboard>
|
||||
</VisualTransition>
|
||||
</VisualStateGroup.Transitions>
|
||||
<VisualState x:Name="Normal" />
|
||||
<VisualState x:Name="MouseOver" />
|
||||
<VisualState x:Name="Pressed" />
|
||||
<VisualState x:Name="Disabled" />
|
||||
</VisualStateGroup>
|
||||
<VisualStateGroup x:Name="CheckStates">
|
||||
<VisualState x:Name="Checked">
|
||||
<Storyboard>
|
||||
<ThicknessAnimation Storyboard.TargetName="PART_Dot"
|
||||
Storyboard.TargetProperty="(FrameworkElement.Margin)"
|
||||
EasingFunction="{StaticResource EaseInOutCirc}"
|
||||
Duration="0:0:0.36" />
|
||||
</Storyboard>
|
||||
</VisualState>
|
||||
<VisualState x:Name="Unchecked">
|
||||
<Storyboard>
|
||||
<ThicknessAnimation Storyboard.TargetName="PART_Dot"
|
||||
Storyboard.TargetProperty="(FrameworkElement.Margin)"
|
||||
EasingFunction="{StaticResource EaseInOutCirc}"
|
||||
Duration="0:0:0.36"
|
||||
To="3 0 0 0" />
|
||||
</Storyboard>
|
||||
</VisualState>
|
||||
<VisualState x:Name="Indeterminate" />
|
||||
</VisualStateGroup>
|
||||
</VisualStateManager.VisualStateGroups>
|
||||
</Grid>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsChecked" Value="True">
|
||||
<Setter TargetName="Content" Property="HorizontalAlignment" Value="Left" />
|
||||
<Setter TargetName="PART_Dot" Property="RenderTransformOrigin" Value="1,0" />
|
||||
<Setter TargetName="Icon" Property="Foreground" Value="{DynamicResource SwitchBrush}" />
|
||||
<Setter TargetName="Border" Property="Background" Value="{DynamicResource SwitchBrush}" />
|
||||
<Setter TargetName="Content" Property="Content" Value="{Binding Content, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Size" Value="Small">
|
||||
<Setter TargetName="Icon" Property="RenderTransform">
|
||||
<Setter.Value>
|
||||
<ScaleTransform ScaleX="0.75" ScaleY="0.75" />
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Setter TargetName="Icon" Property="Spin" Value="True" />
|
||||
</Trigger>
|
||||
<EventTrigger RoutedEvent="ButtonBase.Click">
|
||||
<BeginStoryboard Storyboard="{StaticResource Ant.ClickAnimating}" />
|
||||
</EventTrigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<Trigger Property="Loading" Value="True">
|
||||
<Setter Property="IsEnabled" Value="False" />
|
||||
</Trigger>
|
||||
<Trigger Property="IsEnabled" Value="False">
|
||||
<Setter Property="Opacity" Value="{DynamicResource SwitchDisabledOpacity}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Size" Value="Small">
|
||||
<Setter Property="Padding" Value="3 0" />
|
||||
<Setter Property="MinWidth" Value="28" />
|
||||
<Setter Property="Height" Value="{DynamicResource SwitchHeightSmall}" />
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
</ResourceDictionary>
|
||||
Reference in New Issue
Block a user