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怎么设置边框颜色渐变
  • 热门搜索
    明星怎么减肥的 美东旅游 优酷下载的视频在哪里 白山旅游 如何打包文件 笔记本和电视怎么连接 八里沟旅游攻略 如何制表格基础教程 客厅窗帘怎么选 白带有血丝是怎么回事啊