网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

UWP 如何添加圆角边框Border

时间:2024-10-16 01:11:27

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

UWP 如何添加圆角边框BorderUWP 如何添加圆角边框Border

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

UWP 如何添加圆角边框BorderUWP 如何添加圆角边框Border

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

UWP 如何添加圆角边框BorderUWP 如何添加圆角边框Border

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

UWP 如何添加圆角边框BorderUWP 如何添加圆角边框Border

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

UWP 如何添加圆角边框BorderUWP 如何添加圆角边框Border

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

UWP 如何添加圆角边框BorderUWP 如何添加圆角边框Border
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com