WPF CheckBox 滑块 样式 开关
来源:互联网 发布:mac截屏软件免费下载 编辑:程序博客网 时间:2024/04/18 12:46
WPF CheckBox 滑块 样式 开关
效果图
样式代码
<Style x:Key="CheckRadioFocusVisual"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Margin="14,0,0,0" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="SliderCheckBox" TargetType="{x:Type CheckBox}"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Cursor" Value="Hand" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type CheckBox}"> <ControlTemplate.Resources> <Storyboard x:Key="StoryboardIsChecked"> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="CheckFlag"> <EasingDoubleKeyFrame KeyTime="0" Value="0"/> <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="14"/> </DoubleAnimationUsingKeyFrames> </Storyboard> <Storyboard x:Key="StoryboardIsCheckedOff"> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="CheckFlag"> <EasingDoubleKeyFrame KeyTime="0" Value="14"/> <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </ControlTemplate.Resources> <BulletDecorator Background="Transparent" SnapsToDevicePixels="true"> <BulletDecorator.Bullet> <Border x:Name="ForegroundPanel" BorderThickness="1" Width="35" Height="20" CornerRadius="10"> <Canvas> <Border Background="White" x:Name="CheckFlag" CornerRadius="10" VerticalAlignment="Center" BorderThickness="1" Width="19" Height="18" RenderTransformOrigin="0.5,0.5"> <Border.RenderTransform> <TransformGroup> <ScaleTransform/> <SkewTransform/> <RotateTransform/> <TranslateTransform/> </TransformGroup> </Border.RenderTransform> <Border.Effect> <DropShadowEffect ShadowDepth="1" Direction="180" /> </Border.Effect> </Border> </Canvas> </Border> </BulletDecorator.Bullet> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/> </BulletDecorator> <ControlTemplate.Triggers> <Trigger Property="HasContent" Value="true"> <Setter Property="FocusVisualStyle" Value="{StaticResource CheckRadioFocusVisual}"/> <Setter Property="Padding" Value="4,0,0,0"/> </Trigger> <Trigger Property="IsEnabled" Value="false"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> </Trigger> <Trigger Property="IsChecked" Value="True"> <!--<Setter TargetName="ForegroundPanel" Property="Background" Value="{DynamicResource Accent}" />--> <Setter TargetName="ForegroundPanel" Property="Background" Value="Green" /> <Trigger.EnterActions> <BeginStoryboard x:Name="BeginStoryboardCheckedTrue" Storyboard="{StaticResource StoryboardIsChecked}" /> <RemoveStoryboard BeginStoryboardName="BeginStoryboardCheckedFalse" /> </Trigger.EnterActions> </Trigger> <Trigger Property="IsChecked" Value="False"> <Setter TargetName="ForegroundPanel" Property="Background" Value="Gray" /> <Trigger.EnterActions> <BeginStoryboard x:Name="BeginStoryboardCheckedFalse" Storyboard="{StaticResource StoryboardIsCheckedOff}" /> <RemoveStoryboard BeginStoryboardName="BeginStoryboardCheckedTrue" /> </Trigger.EnterActions> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style>
引用代码
<CheckBox Name="Checker1" Style="{DynamicResource SliderCheckBox}" Content="{Binding ElementName=Checker1,Path=IsChecked}" />
阅读全文
0 0
- WPF CheckBox 滑块 样式 开关
- WPF之CheckBox样式
- Android滑块开关
- 用WPF自定义CheckBox的样式
- WPF实现wp8样式的CheckBox
- 使用Scroller制作滑块开关ToggleButton
- 使用Scroller制作滑块开关ToggleButton
- ionicCSS05_切换开关和滑块
- 样式化复选框(Styling checkbox) & 扩展实现“开关按钮效果”
- Checkbox 样式
- checkbox样式
- CheckBox样式
- WPF 样式
- WPF样式
- WPF 样式
- wpf样式
- WPF 样式
- WPF样式
- Javascript定义类:Javascript定义类
- 红黑树笔记
- Hadoop基础教程-第13章 源码编译(13.2 Hadoop2.7.3源码编译)
- 轻装上阵Html5游戏开发,JEESJS,基于CreateJS封装的H5应用JS库。
- Jmeter使用过程中遇到的问题及解决办法
- WPF CheckBox 滑块 样式 开关
- python插件下载地址
- $.ajax()方法详解
- 关于生命周期
- JAVA集合之---LinkedList、ArrayList与Vector
- Android点击EditText文本框之外任何地方隐藏键盘的解决办法
- 一天写多少行代码才算是好程序员?
- vue2.0使用weui.js的uploader组件上传图片
- 记录问题-vs 2013编程