主页
手机版
扫描查看手机站
所在位置:首页 → 教程资讯 → 如何在WPF项目中实现开关样式的复选框

如何在WPF项目中实现开关样式的复选框

发布: 更新时间:2024-08-17 09:59:11

先看一下效果吧:

isChecked = false 的时候的效果

isChecked = true 的时候的效果

然后我们来实现一下这个效果吧

第一步:创建一个空的WPF项目;

第二步:在项目里面添加一个复选框

这个时候的复选框的样子是这样的

第三步:在页面中右键复选框,选择

编辑模板

,再

编辑副本

,之后确定



vs


就会给我们自动生成一个名为”

CheckBoxStyle1





Checkbox

的默认样式的代码


,


我们通过修改默认样式的代码,把普通的

Checkbox

变成一个开关。




第四步:修改默认样式


把之前的样式代码改成上面的代码,trigger部分,把报错的部分全部删除


这个时候,我们的开关样式就已经完成了


我们现在需要添加一些trigger和动画来实现切换效果

第五步:添加动画和trigger


上面这段代码就是表示不同状态下的不同动画效果,通过改变SwitchBoder的宽度和对齐方式,就可以实现了


然后我们再把这段动画效果运用到模板中,再添加3个trigger,就可以了


到现在,样式和动画就已经完成了,我们再把代码全部剪切到App.xaml这个项目资源文件下面,再删掉

style

,

x:Key="CheckBoxStyle1"

删掉,


这样子我们的项目里面的

checkbox

就都是开关的样式了,运行项目也不会报错啦,最后的代码如下

下面是广告:

项目github地址:bearhanQ/WPFFramework: Share some experience (github.com)

QQ技术交流群:332035933;

软件上新 查看更多