UWP 如何自定义CheckBox圆形样式

2024-11-03 13:20:55

1、首先,在Xaml界面中制作两个默认效果的CheckBox,如图的完整匹配和组这两个。

UWP 如何自定义CheckBox圆形样式

3、接着弹出创建Style资源对话框,填写名称和位置后确认,如图是位置在当前Page。确认后,在当前page的Page.Resources标签中,就有了这个完整的默认Style。

UWP 如何自定义CheckBox圆形样式

4、接下来,在Xaml代码中,对于那两个CheckBox,设置其Style属性为刚才创建的样式拷贝。

UWP 如何自定义CheckBox圆形样式

6、回到Xaml预览窗口,可以看到效果了,半透明效果,默认选中效果,较窄的CheckBox宽度都被应用了。

UWP 如何自定义CheckBox圆形样式UWP 如何自定义CheckBox圆形样式UWP 如何自定义CheckBox圆形样式
猜你喜欢