UWP 如何通过样式制作圆角渐变边框?

 时间:2026-02-20 10:47:30

1、首先,在Xaml页面添加了两个文本框,设置他们的PlaceHolderText,预览效果如图所示。

UWP 如何通过样式制作圆角渐变边框?

2、注意将这两个TextBox都各自套在一个Border控件内。这是因为Border控件才有圆角效果。

UWP 如何通过样式制作圆角渐变边框?

3、由于这两个文本框都放在StackPanel下面,因此对它们的样式设置要写在StackPanel.Resources标签内。

UWP 如何通过样式制作圆角渐变边框?

4、首先在Resources标签内添加一个Style,通过TargetType设置其目标类型为Border。

UWP 如何通过样式制作圆角渐变边框?

5、在Style内,使用Setter标签设置Border控件的各个属性。对于复杂属性BorderBrush,使用Setter.Value标签设置值。

UWP 如何通过样式制作圆角渐变边框?

6、同样原理,去掉TextBox自带边框(设置边框厚度为0),根据需要也可以设置TextBox的背景色。最终完成效果如图所示。

UWP 如何通过样式制作圆角渐变边框?

  • UWP 如何制作渐变图片背景?
  • UWP 如何添加圆角边框Border?
  • ps如何制作时下流行的渐变边框?
  • 边框样式border-radiu设置圆角效果
  • css3怎么设置边框颜色渐变
  • 热门搜索
    粉蒸肉的家常做法 怎么开通网上银行 工囗囗番漫画大全全彩 饥荒老奶奶怎么玩 大头鱼怎么做好吃 手撕包菜的家常做法 猪肚怎么做好吃 红烧羊排的家常做法 格林童话故事大全 脚气痒痒难忍怎么办