其他基礎控件
1.Window
2.Button
3.CheckBox
4.ComboBox
5.DataGrid
6.DatePicker
7.Expander
8.GroupBox
9.ListBox
10.ListView
11.Menu
12.PasswordBox
13.TextBox
14.RadioButton
ToggleButton ?實現下面的效果
1）ToggleButton來實現動畫；
Border嵌套Ellipse并設置TranslateTransform，當選中Checked將TranslateTransform.X值To = 20將Ellipse從左側移動到右側。動畫完成時將
Border.Background背景色更改為深色PrimaryNormalSolidColorBrush
<ResourceDictionary.MergedDictionaries><ResourceDictionary?Source="../Themes/Basic/ControlBasic.xaml"/><ResourceDictionary?Source="../Themes/Basic/Animations.xaml"/></ResourceDictionary.MergedDictionaries><Style?TargetType="{x:Type?ToggleButton}"?BasedOn="{StaticResource?ControlBasicStyle}"><Setter?Property="Focusable"?Value="False"?/><Setter?Property="Cursor"?Value="Hand"/><Setter?Property="Template"><Setter.Value><ControlTemplate?TargetType="{x:Type?ToggleButton}"><Border?x:Name="PART_Border"Width="40"Height="20"Background="{DynamicResource?BaseSolidColorBrush}"CornerRadius="10"><Ellipse?x:Name="PART_Ellipse"?Width="16"?Height="16"Margin="2,0"VerticalAlignment="Center"?HorizontalAlignment="Left"Fill="{DynamicResource?WindowForegroundColorBrush}"><Ellipse.RenderTransform><TranslateTransform/></Ellipse.RenderTransform></Ellipse><VisualStateManager.VisualStateGroups><VisualStateGroup?x:Name="CheckStates"><VisualState?x:Name="Checked"><Storyboard><DoubleAnimation?Storyboard.TargetName="PART_Ellipse"Storyboard.TargetProperty="(Ellipse.RenderTransform).(TranslateTransform.X)"?To="20"?Duration="00:00:.3"EasingFunction="{StaticResource?CubicEaseInOut}"/></Storyboard></VisualState><VisualState?x:Name="Unchecked"><Storyboard><DoubleAnimation?Storyboard.TargetName="PART_Ellipse"Storyboard.TargetProperty="(Ellipse.RenderTransform).(TranslateTransform.X)"?To="0"?Duration="00:00:.3"EasingFunction="{StaticResource?CubicEaseInOut}"/></Storyboard></VisualState><VisualState?x:Name="Indeterminate"?/></VisualStateGroup></VisualStateManager.VisualStateGroups></Border><ControlTemplate.Triggers><Trigger?Property="IsChecked"?Value="True"><Setter?Property="Background"?TargetName="PART_Border"?Value="{DynamicResource?PrimaryNormalSolidColorBrush}"/></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter></Style>2）Styles.ToggleButton.xaml 代碼如下；
<WrapPanel?Margin="0,10"><ToggleButton/><ToggleButton?Margin="10,0"?IsEnabled="False"/><ToggleButton?IsChecked="True"/></WrapPanel>Nuget Install-Package WPFDevelopers.Minimal
[1][2]
參考資料
[1]
GitHub: https://github.com/WPFDevelopersOrg
[2]Gitee: https://gitee.com/WPFDevelopersOrg
)
