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

 时间:2024-11-29 04:34:04

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怎么设置边框颜色渐变
  • 热门搜索
    小加一笔是什么字 2003年属什么生肖 死而后已的已是什么意思 政治面貌是什么意思 什么名字好听又有内涵 三月份是什么星座 什么是a股 开路是什么意思 adventure是什么意思 3月21日是什么星座