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

 时间:2026-05-11 21:54:03

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怎么设置边框颜色渐变
  • 热门搜索
    清朝发型 红酒开瓶后怎么保存 学生短发发型 独特的近义词 中信信用卡怎么样 大黄鱼怎么做 卷心菜怎么炒 应和的近义词 韩式发型男 竭力的近义词