UWP如何制作圆形添加按钮?

 时间:2026-02-16 07:12:10

1、首先,要制作圆形边框,可以将按钮放在Border内,也可以将Border放在按钮内,也可以自己基于Border实现按钮效果。

这里简单的将按钮放在Border内。

UWP如何制作圆形添加按钮?

2、为了不显示按钮原来的边框和背景,需要设置按钮Button的BorderThickness和Background,如图所示。

UWP如何制作圆形添加按钮?

3、接下来,为了把Border变成圆形,要设置CornerRadius属性。注意,Border控件的宽度高度要相等,CornerRadius要设置的大于等于宽或高的一半即可。

UWP如何制作圆形添加按钮?

4、使用文字加号可能效果不好,难以对齐正中间。

这里在Button里边放一个Grid,设置Grid的尺寸,Grid里边放两个Line控件,效果如图所示。

UWP如何制作圆形添加按钮?

5、也可以给Grid添加RenderTransform进行坐标变换。如图添加平移变换,使得0,0点代表正中央。

UWP如何制作圆形添加按钮?

6、同样的方式也可以做一个橘黄色的添加按钮出来。如图是将Border放在了Button内部。

UWP如何制作圆形添加按钮?

  • 幼儿园培养小朋友注意力的十项游戏
  • 为什么要节约粮食
  • 健康早餐之小馄饨
  • 如何制作美味的浓汁红烧吴郭鱼?
  • 中药学复习提纲---袪风湿散寒药
  • 热门搜索
    关于卫生的手抄报 身边的科学手抄报 感恩手抄报内容大全 走进名著手抄报 诚信友善手抄报 重阳节手抄报简单字少 手抄报图片素材 推广普通话手抄报简单 关于家乡的手抄报 崇尚英雄精忠报国手抄报