HarmonyOS 鸿蒙Next DevEco 求助,Circle按钮类型,只设置宽度和只设置高度的效果不一样

发布于 1周前 作者 h691938207 来自 鸿蒙OS

HarmonyOS 鸿蒙Next DevEco 求助,Circle按钮类型,只设置宽度和只设置高度的效果不一样

cke_243.png
这是代码和效果。

按照https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-button-V5#buttontype%E6%9E%9A%E4%B8%BE%E8%AF%B4%E6%98%8E

文档描述“若只设置宽、高中的一个,则borderRadius不生效,且按钮半径为所设宽或所设高值的一半”,代码中的第三个按钮和第四个按钮就是这种情况,第三个按钮只设置宽,第四个按钮只设置高,但是按钮的效果是不一样的,这是什么原因啊,图片就是完整的代码了

3 回复
恭喜找到API 12beta1 的 bug 一枚,赶紧提交!

这样吗哈哈哈😂

在HarmonyOS鸿蒙Next DevEco中,Circle按钮类型在只设置宽度和只设置高度时效果不一样,这是由Circle按钮的特性决定的。

根据官方文档描述,Circle按钮的圆角是固定的,不支持通过borderRadius属性重新设置。当只设置宽度时,按钮会呈现为一个高度等于宽度、且圆角为宽度一半的圆形(但实际效果可能受布局和其他样式属性影响,不完全是一个完美的圆形);而当只设置高度时,按钮会呈现为一个宽度等于高度(或根据布局自动调整)、且圆角为高度一半的圆形。

由于这两种设置方式下按钮的宽高比不同,因此即使圆角设置逻辑相同(即圆角为宽或高的一半),最终的显示效果也会有所不同。

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

回到顶部