WPF--将CheckBox样式修改为滑动条开关

矫情吗；* 2024-04-06 12:49 49阅读 0赞

1、新建资源字典  
![在这里插入图片描述][6b67e662cc3c48bc823f32b828ee09c0.png]  
2、资源导入全局中  
![在这里插入图片描述][f324c28e276c4150a53e565d1cb25ea2.png]  
3、样式引用  
![在这里插入图片描述][db25236597e34db982832c4df0ac4b04.png]

引：  
WPF 自定义CheckBox样式 - 一叶知秋，知寒冬 - 博客园

Checkbox基本样式  
下面的样式包含了CheckBox三种状态的显示，这里CheckBox的三种状态是使用图片代替的。当然你也可以使用字体图标或者Path绘制。

先看效果：

代码如下：

图片素材：

![在这里插入图片描述][f51468c0a66a4906ac3d040485afc6ba.png]

二、CheckBox其它形式  
下面这种样式的CheckBox一般作为开关按钮。在移动端比较常见。实现过程为纯样式。

样式代码如下：

引用方式如下：

我们通过Background来控制背景色，Content来控制未选中的文本，Tag为选中的文本。

效果如下：  
![在这里插入图片描述][da28323fb1d0411e80182737fd23fb77.png]

代码github：https://github.com/caomfan/WpfDemo.git  
https://blog.csdn.net/u014090257/article/details/121145884

[6b67e662cc3c48bc823f32b828ee09c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/6507644baea04dc2a41e65c411aa8a29.png
[f324c28e276c4150a53e565d1cb25ea2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/56766faca2d8490fb686abdcc5a28d84.png
[db25236597e34db982832c4df0ac4b04.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/648a3c30f17e423088ae1ad09258bf14.png
[f51468c0a66a4906ac3d040485afc6ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f144a64eae154bfd8707c5071db078b6.png
[da28323fb1d0411e80182737fd23fb77.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/9311a4c207574495970e56140ef5fa70.png