关于一个常用的CheckBox样式
2015-06-27 17:59
597 查看
我们在使用CheckBox的时候,原始的样式有时不能满足我们的需求,这是我们就需要更改其模板,比如我们常用的一种,在播放器中“播放”、“暂停”按钮,其实这也是一种CheckBox,只不过我们只是修改了其相关的模板罢了,下面贴出相关代码:
<CheckBox.Style> <Style TargetType="{x:Type CheckBox}"> <Setter Property="Focusable" Value="False" /> <Setter Property="IsTabStop" Value="False" /> <!--把OverridesDefaultStyle设置为True,表示这个控件不使用当前Themes的任何属性。--> <Setter Property="OverridesDefaultStyle" Value="True" /> <Style.Triggers> <Trigger Property="IsChecked" Value="True"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type CheckBox}"> <Grid Background="Transparent"> <Image Source="/EarthSimulation;component/Images/按钮-播放.png"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Trigger> <Trigger Property="IsChecked" Value="False"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type CheckBox}"> <Grid Background="Transparent"> <Image Source="/EarthSimulation;component/Images/按钮-暂停.png"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Trigger> </Style.Triggers> </Style> </CheckBox.Style> </CheckBox>
相关文章推荐
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- 网页变灰,类似百度百科名人去世样式
- CSS 圆角
- CSS3绘图实例代码
- CSS3动画 transition和animation的用法和区别
- 不容错过的17款面向CSS开发人员的实用框架及工具
- CSS兼容的几个点
- CSS3动画-动画
- devexpress实现单元格根据条件显示不同的样式(颜色、字体、对齐方式,大小等)
- CSS3动画-过渡
- web页面div浮于图片上的问题
- CSS3动画-2D、3D转换
- css3快速复习
- css--用户体验笔记及兼容记录
- js获取、修改CSS样式
- css3 事件触发动画 可重复播放
- Enable CSS active pseudo styles in Mobile Safari
- css常用hack
- 模拟 安卓 Toast 提示, CSS3 19种特效随意挑
- QWidget 直接派生类的样式表不起作用的解决办法