UWP自定义ToggleButton控件的样式

最新推荐文章于 2022-09-16 15:19:57 发布

VIP文章「已注销」

最新推荐文章于 2022-09-16 15:19:57 发布

阅读量370

点赞数 1

分类专栏： UWP C#

本文链接：https://blog.csdn.net/DoonZhang/article/details/112121947

版权

一般来讲，UWP自带控件的样式足够我们使用，但是如果我们想要更具自己的需求修改样式因该怎么做呢？下面就以实例简单示范一下。

需求是这样的，我们需要做一个类似抖音点赞的按钮，没有点赞前是空心爱心，点赞后变成实心红心，如果我们使用默认样式，做出来的效果会是这样的：

代码：

 <!--未点赞前为白色空心-->
<ToggleButton Content="&#xE006;" Background="Transparent" FontFamily="Segoe MDL2 Assets" FontSize="24"/>

效果：

可以看出来这并不是我们想要的效果，并没有改变心的样子，仅仅是改变了背景，那我们下来对默认样式进行改造，需要用的<Style>等，下面演示步骤：

1、我们在Blend for Visual Studio中打开项目，再左侧预览中选中要修改样式的控件点击右键，或者在上方名称上下拉选择“创建副本”（这里有时候因为一些原因会没有创建副本这个选项，只有一个创建空白项）

2、起好名字选择定义样式保存的位

关注