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怎么设置边框颜色渐变
  • 热门搜索
    炒年糕的做法 茶叶蛋的做法 冬阴功汤的做法 红枣茶的做法 潮汕牛肉丸的做法 百合怎么做好吃 怀孕怎么算时间 排骨汤的做法 邑怎么读 腐竹的做法大全