UWP 如何添加圆角边框Border?

 时间:2026-05-12 18:05:28

1、首先,以一个ListView中的数据模板当中的一个TextBlock文本控件为例,给其套上Border控件,注意设置线宽和颜色,效果如图。

UWP 如何添加圆角边框Border?

UWP 如何添加圆角边框Border?

2、此时Border几乎紧贴控件。为了腾出一定空间,设置Border的Padding属性,如图所示。

UWP 如何添加圆角边框Border?

UWP 如何添加圆角边框Border?

3、接着,通过设置属性CornerRadius,设置边框的圆角。如图设置了半径为15的圆角。

UWP 如何添加圆角边框Border?

UWP 如何添加圆角边框Border?

4、接着,直接设置Border的Background属性,设置为纯色,将得到纯色背景效果,如图。

UWP 如何添加圆角边框Border?

UWP 如何添加圆角边框Border?

5、为了得到渐变色,通过Border.Background属性标签设置其为LinearGradientBrush。

UWP 如何添加圆角边框Border?

UWP 如何添加圆角边框Border?

6、对于文本框等其它控件同样原理。对于TextBox要注意通过设置BorderThickness为0,去除其原有边框。

UWP 如何添加圆角边框Border?

UWP 如何添加圆角边框Border?

  • UWP 如何通过样式制作圆角渐变边框?
  • div怎么设置圆角边框
  • 边框样式border-radiu设置圆角效果
  • css圆角和边框
  • css border相关属性设置
  • 热门搜索
    上里古镇旅游攻略 绍兴旅游地图 连州旅游景点大全 广西旅游景点介绍 中国禁止韩国旅游 浙江旅游景点推荐 九华山旅游地图 春节国内旅游最佳去处 成都到峨眉山旅游攻略 中老年旅游