HarmonyOS 鸿蒙Next Button默认圆角变正方形及按钮间留缝隙方法

鸿蒙的Button默认是圆角的，有点丑，怎么能让它变成正方形的。顺带按钮之间留出一点缝隙（Column布局）

phonegap100 1楼•25 天前

Column({space: 10}) {

Button({ type: ButtonType.Normal })

.size({ width: 50, height: 50})

Button({ type: ButtonType.Normal })

.size({ width: 50, height: 50})

}

sinazl 2楼•25 天前

column接口有一个属性是space，可以控制子组件的间隙，然后button有一个属性是type可以设置为没有圆角的

gougou168 3楼•25 天前作者

设置ButtonType可以修改形状

wuwangju 4楼•25 天前

在HarmonyOS鸿蒙Next中，Button默认是圆角的，但可以通过设置borderRadius属性为0来将其变为正方形。同时，若想让按钮间留出缝隙，可以通过设置margin属性来实现。

具体来说，对于Button组件，若想将其圆角变为正方形，可以这样做：

Button('Ok', {type: ButtonType.Normal, stateEffect: true}).borderRadius(0).backgroundColor(0x317aff);

在上面的代码中，borderRadius(0)将按钮的圆角设置为0，从而实现正方形效果。

对于按钮间留出缝隙，可以在Button组件中设置margin属性。例如：

Button('First').margin({left: 20, right: 20}).onClick(() => { /* 点击事件处理 */ });
Button('Second').margin({left: 20, right: 20}).onClick(() => { /* 点击事件处理 */ });

上面的代码中，通过设置margin属性为按钮左右留出缝隙。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。