更新
This commit is contained in:
ShrlAlgo
@@ -1,18 +1,8 @@
|
||||
<!--
|
||||
This Source Code Form is subject to the terms of the MIT License.
|
||||
If a copy of the MIT was not distributed with this file, You can obtain one at https://opensource.org/licenses/MIT.
|
||||
Copyright (C) Leszek Pomianowski and WPF UI Contributors.
|
||||
All Rights Reserved.
|
||||
|
||||
Based on Microsoft XAML for Win UI
|
||||
Copyright (c) Microsoft Corporation. All Rights Reserved.
|
||||
-->
|
||||
|
||||
<ResourceDictionary
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:controls="clr-namespace:WPFluent.Controls"
|
||||
xmlns:system="clr-namespace:System;assembly=mscorlib">
|
||||
xmlns:system="clr-namespace:System;assembly=mscorlib"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
|
||||
<!-- TODO: Increase size on mouse over -->
|
||||
|
||||
@@ -23,12 +13,12 @@
|
||||
<Thickness x:Key="ToggleSwitchBorderThemeThickness">1</Thickness>
|
||||
<Thickness x:Key="ToggleSwitchContentMargin">8,0,0,0</Thickness>
|
||||
|
||||
<Style x:Key="DefaultUiToggleSwitchStyle" TargetType="{x:Type controls:ToggleSwitch}">
|
||||
<Style TargetType="{x:Type controls:ToggleSwitch}" x:Key="DefaultUiToggleSwitchStyle">
|
||||
<!-- Universal WPF UI focus -->
|
||||
<Setter Property="FocusVisualStyle" Value="{DynamicResource DefaultControlFocusVisualStyle}" />
|
||||
<!-- Universal WPF UI focus -->
|
||||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOn}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource ToggleSwitchContentForeground}" />
|
||||
<Setter Property="Background" Value="{DynamicResource SystemFillColorAttentionBrush}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="BorderThickness" Value="{StaticResource ToggleSwitchBorderThemeThickness}" />
|
||||
<Setter Property="Padding" Value="{StaticResource ToggleSwitchPadding}" />
|
||||
@@ -50,66 +40,66 @@
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid
|
||||
Grid.Column="0"
|
||||
Width="{StaticResource ToggleButtonWidth}"
|
||||
Height="{StaticResource ToggleButtonHeight}">
|
||||
Height="{StaticResource ToggleButtonHeight}"
|
||||
Width="{StaticResource ToggleButtonWidth}">
|
||||
<Rectangle
|
||||
x:Name="ToggleRectangle"
|
||||
Width="{StaticResource ToggleButtonWidth}"
|
||||
Fill="{DynamicResource ControlAltFillColorSecondaryBrush}"
|
||||
Height="{StaticResource ToggleButtonHeight}"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Fill="{DynamicResource ToggleSwitchFillOff}"
|
||||
RadiusX="10"
|
||||
RadiusY="10"
|
||||
Stroke="{DynamicResource ToggleSwitchStrokeOff}"
|
||||
StrokeThickness="1" />
|
||||
<Rectangle
|
||||
x:Name="ActiveToggleRectangle"
|
||||
Stroke="{DynamicResource ControlStrongStrokeColorDefaultBrush}"
|
||||
StrokeThickness="1"
|
||||
VerticalAlignment="Center"
|
||||
Width="{StaticResource ToggleButtonWidth}"
|
||||
x:Name="ToggleRectangle" />
|
||||
<Rectangle
|
||||
Fill="{TemplateBinding Background}"
|
||||
Height="{StaticResource ToggleButtonHeight}"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Fill="{TemplateBinding Background}"
|
||||
Opacity="0.0"
|
||||
RadiusX="10"
|
||||
RadiusY="10"
|
||||
StrokeThickness="0" />
|
||||
<Ellipse
|
||||
x:Name="ToggleEllipse"
|
||||
Width="12"
|
||||
Height="12"
|
||||
Margin="0"
|
||||
HorizontalAlignment="Center"
|
||||
StrokeThickness="0"
|
||||
VerticalAlignment="Center"
|
||||
Fill="{DynamicResource ToggleSwitchKnobFillOff}"
|
||||
RenderTransformOrigin="0.5, 0.5">
|
||||
Width="{StaticResource ToggleButtonWidth}"
|
||||
x:Name="ActiveToggleRectangle" />
|
||||
<Ellipse
|
||||
Fill="{DynamicResource TextFillColorSecondaryBrush}"
|
||||
Height="12"
|
||||
HorizontalAlignment="Center"
|
||||
Margin="0"
|
||||
RenderTransformOrigin="0.5, 0.5"
|
||||
VerticalAlignment="Center"
|
||||
Width="12"
|
||||
x:Name="ToggleEllipse">
|
||||
<Ellipse.RenderTransform>
|
||||
<TranslateTransform X="-9" />
|
||||
</Ellipse.RenderTransform>
|
||||
</Ellipse>
|
||||
<Ellipse
|
||||
x:Name="ActiveToggleEllipse"
|
||||
Width="12"
|
||||
Fill="{DynamicResource TextOnAccentFillColorPrimaryBrush}"
|
||||
Height="12"
|
||||
Margin="0"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Fill="{DynamicResource ToggleSwitchKnobFillOn}"
|
||||
Margin="0"
|
||||
Opacity="0.0"
|
||||
RenderTransformOrigin="0.5, 0.5">
|
||||
RenderTransformOrigin="0.5, 0.5"
|
||||
VerticalAlignment="Center"
|
||||
Width="12"
|
||||
x:Name="ActiveToggleEllipse">
|
||||
<Ellipse.RenderTransform>
|
||||
<TranslateTransform X="-9" />
|
||||
</Ellipse.RenderTransform>
|
||||
</Ellipse>
|
||||
</Grid>
|
||||
<ContentPresenter
|
||||
x:Name="ContentPresenter"
|
||||
Grid.Column="1"
|
||||
Margin="{StaticResource ToggleSwitchContentMargin}"
|
||||
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
Content="{TemplateBinding Content}"
|
||||
TextElement.Foreground="{TemplateBinding Foreground}" />
|
||||
Grid.Column="1"
|
||||
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
Margin="{StaticResource ToggleSwitchContentMargin}"
|
||||
TextElement.Foreground="{TemplateBinding Foreground}"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
x:Name="ContentPresenter" />
|
||||
</Grid>
|
||||
<ControlTemplate.Triggers>
|
||||
<MultiTrigger>
|
||||
@@ -118,7 +108,7 @@
|
||||
<Condition Property="OnContent" Value="{x:Null}" />
|
||||
<Condition Property="OffContent" Value="{x:Null}" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ContentPresenter" Property="Margin" Value="0" />
|
||||
<Setter Property="Margin" TargetName="ContentPresenter" Value="0" />
|
||||
</MultiTrigger>
|
||||
|
||||
<MultiTrigger>
|
||||
@@ -127,7 +117,7 @@
|
||||
<Condition Property="OnContent" Value="" />
|
||||
<Condition Property="OffContent" Value="" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ContentPresenter" Property="Margin" Value="0" />
|
||||
<Setter Property="Margin" TargetName="ContentPresenter" Value="0" />
|
||||
</MultiTrigger>
|
||||
|
||||
<Trigger Property="IsChecked" Value="True">
|
||||
@@ -135,41 +125,41 @@
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="1.0"
|
||||
Storyboard.TargetName="ToggleRectangle"
|
||||
Storyboard.TargetProperty="(Rectangle.Opacity)"
|
||||
From="1.0"
|
||||
To="0.0"
|
||||
Duration="00:00:00.167" />
|
||||
To="0.0" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="0.0"
|
||||
Storyboard.TargetName="ActiveToggleRectangle"
|
||||
Storyboard.TargetProperty="(Rectangle.Opacity)"
|
||||
From="0.0"
|
||||
To="1.0"
|
||||
Duration="00:00:00.167" />
|
||||
To="1.0" />
|
||||
<DoubleAnimation
|
||||
Storyboard.TargetName="ToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.Opacity)"
|
||||
Duration="00:00:00.167"
|
||||
From="1.0"
|
||||
To="0.0"
|
||||
Duration="00:00:00.167" />
|
||||
Storyboard.TargetName="ToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.Opacity)"
|
||||
To="0.0" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="0.0"
|
||||
Storyboard.TargetName="ActiveToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.Opacity)"
|
||||
From="0.0"
|
||||
To="1.0"
|
||||
Duration="00:00:00.167" />
|
||||
To="1.0" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="-9"
|
||||
Storyboard.TargetName="ToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.RenderTransform).(TranslateTransform.X)"
|
||||
From="-9"
|
||||
To="9"
|
||||
Duration="00:00:00.167" />
|
||||
To="9" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="-9"
|
||||
Storyboard.TargetName="ActiveToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.RenderTransform).(TranslateTransform.X)"
|
||||
From="-9"
|
||||
To="9"
|
||||
Duration="00:00:00.167" />
|
||||
To="9" />
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</Trigger.EnterActions>
|
||||
@@ -177,41 +167,41 @@
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="0.0"
|
||||
Storyboard.TargetName="ToggleRectangle"
|
||||
Storyboard.TargetProperty="(Rectangle.Opacity)"
|
||||
From="0.0"
|
||||
To="1.0"
|
||||
Duration="00:00:00.167" />
|
||||
To="1.0" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="1.0"
|
||||
Storyboard.TargetName="ActiveToggleRectangle"
|
||||
Storyboard.TargetProperty="(Rectangle.Opacity)"
|
||||
From="1.0"
|
||||
To="0.0"
|
||||
Duration="00:00:00.167" />
|
||||
To="0.0" />
|
||||
<DoubleAnimation
|
||||
Storyboard.TargetName="ToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.Opacity)"
|
||||
Duration="00:00:00.167"
|
||||
From="0.0"
|
||||
To="1.0"
|
||||
Duration="00:00:00.167" />
|
||||
Storyboard.TargetName="ToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.Opacity)"
|
||||
To="1.0" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="1.0"
|
||||
Storyboard.TargetName="ActiveToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.Opacity)"
|
||||
From="1.0"
|
||||
To="0.0"
|
||||
Duration="00:00:00.167" />
|
||||
To="0.0" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="9"
|
||||
Storyboard.TargetName="ToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.RenderTransform).(TranslateTransform.X)"
|
||||
From="9"
|
||||
To="-9"
|
||||
Duration="00:00:00.167" />
|
||||
To="-9" />
|
||||
<DoubleAnimation
|
||||
Duration="00:00:00.167"
|
||||
From="9"
|
||||
Storyboard.TargetName="ActiveToggleEllipse"
|
||||
Storyboard.TargetProperty="(Ellipse.RenderTransform).(TranslateTransform.X)"
|
||||
From="9"
|
||||
To="-9"
|
||||
Duration="00:00:00.167" />
|
||||
To="-9" />
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</Trigger.ExitActions>
|
||||
@@ -221,7 +211,7 @@
|
||||
<Condition Property="Content" Value="{x:Null}" />
|
||||
<Condition Property="IsChecked" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ContentPresenter" Property="Content" Value="{Binding OnContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
<Setter Property="Content" TargetName="ContentPresenter" Value="{Binding OnContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
</MultiTrigger>
|
||||
|
||||
<MultiTrigger>
|
||||
@@ -229,7 +219,7 @@
|
||||
<Condition Property="Content" Value="{x:Null}" />
|
||||
<Condition Property="IsChecked" Value="False" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ContentPresenter" Property="Content" Value="{Binding OffContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
<Setter Property="Content" TargetName="ContentPresenter" Value="{Binding OffContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
</MultiTrigger>
|
||||
|
||||
<MultiTrigger>
|
||||
@@ -237,7 +227,7 @@
|
||||
<Condition Property="Content" Value="" />
|
||||
<Condition Property="IsChecked" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ContentPresenter" Property="Content" Value="{Binding OnContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
<Setter Property="Content" TargetName="ContentPresenter" Value="{Binding OnContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
</MultiTrigger>
|
||||
|
||||
<MultiTrigger>
|
||||
@@ -245,7 +235,7 @@
|
||||
<Condition Property="Content" Value="" />
|
||||
<Condition Property="IsChecked" Value="False" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ContentPresenter" Property="Content" Value="{Binding OffContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
<Setter Property="Content" TargetName="ContentPresenter" Value="{Binding OffContent, RelativeSource={RelativeSource TemplatedParent}}" />
|
||||
</MultiTrigger>
|
||||
|
||||
<MultiTrigger>
|
||||
@@ -254,9 +244,9 @@
|
||||
<Condition Property="IsChecked" Value="False" />
|
||||
<Condition Property="IsEnabled" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ToggleRectangle" Property="Fill" Value="{DynamicResource ToggleSwitchFillOffPointerOver}" />
|
||||
<Setter TargetName="ToggleRectangle" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOffPointerOver}" />
|
||||
<Setter TargetName="ToggleEllipse" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffPointerOver}" />
|
||||
<Setter Property="Fill" TargetName="ToggleRectangle" Value="{DynamicResource ControlAltFillColorTertiaryBrush}" />
|
||||
<Setter Property="Stroke" TargetName="ToggleRectangle" Value="{DynamicResource ControlStrongStrokeColorDefaultBrush}" />
|
||||
<Setter Property="Fill" TargetName="ToggleEllipse" Value="{DynamicResource TextFillColorSecondaryBrush}" />
|
||||
</MultiTrigger>
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
@@ -264,28 +254,28 @@
|
||||
<Condition Property="IsChecked" Value="True" />
|
||||
<Condition Property="IsEnabled" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOnPointerOver}" />
|
||||
<Setter TargetName="ToggleRectangle" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOnPointerOver}" />
|
||||
<Setter TargetName="ActiveToggleEllipse" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnPointerOver}" />
|
||||
<Setter Property="Background" Value="{DynamicResource SystemFillColorAttentionBrush}" />
|
||||
<Setter Property="Stroke" TargetName="ToggleRectangle" Value="{DynamicResource SystemFillColorAttentionBrush}" />
|
||||
<Setter Property="Fill" TargetName="ActiveToggleEllipse" Value="{DynamicResource TextOnAccentFillColorPrimaryBrush}" />
|
||||
</MultiTrigger>
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
<Condition Property="IsChecked" Value="False" />
|
||||
<Condition Property="IsEnabled" Value="False" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ToggleRectangle" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOffDisabled}" />
|
||||
<Setter TargetName="ToggleRectangle" Property="Fill" Value="{DynamicResource ToggleSwitchFillOffDisabled}" />
|
||||
<Setter TargetName="ToggleEllipse" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffDisabled}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource ToggleSwitchContentForegroundDisabled}" />
|
||||
<Setter Property="Stroke" TargetName="ToggleRectangle" Value="{DynamicResource ControlStrongStrokeColorDisabledBrush}" />
|
||||
<Setter Property="Fill" TargetName="ToggleRectangle" Value="{DynamicResource ControlAltFillColorDisabledBrush}" />
|
||||
<Setter Property="Fill" TargetName="ToggleEllipse" Value="{DynamicResource TextFillColorDisabledBrush}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource TextFillColorDisabledBrush}" />
|
||||
</MultiTrigger>
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
<Condition Property="IsChecked" Value="True" />
|
||||
<Condition Property="IsEnabled" Value="False" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter TargetName="ActiveToggleRectangle" Property="Fill" Value="{DynamicResource ToggleSwitchFillOnDisabled}" />
|
||||
<Setter TargetName="ActiveToggleEllipse" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnDisabled}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource ToggleSwitchContentForegroundDisabled}" />
|
||||
<Setter Property="Fill" TargetName="ActiveToggleRectangle" Value="{DynamicResource AccentFillColorDisabledBrush}" />
|
||||
<Setter Property="Fill" TargetName="ActiveToggleEllipse" Value="{DynamicResource TextOnAccentFillColorDisabledBrush}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource TextFillColorDisabledBrush}" />
|
||||
</MultiTrigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
|
||||
Reference in New Issue
Block a user