HarmonyOS 鸿蒙Next询问Checkbox复选框能不能设置为圆形

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

HarmonyOS 鸿蒙Next询问Checkbox复选框能不能设置为圆形

Checkbox({ name: ‘checkbox1’, group: ‘checkboxGroup’ })

.select(this.is_checked)
.selectedColor(0xed6f21)
.width(16)
.height(16)
.borderRadius(8)
.margin(10)
.onChange((value: boolean) => {
this.is_checked = value;
});

5 回复

楼主您好,是支持的。可以通过shape属性设置未圆形和圆角方形。可以看下示例1的代码。

Checkbox-基础组件-基于ArkTS的声明式开发范式-ArkTS组件-ArkUI(方舟UI框架)-应用框架 | 华为开发者联盟 (huawei.com)

Checkbox()
.shape(CheckBoxShape.CIRCLE)
Checkbox()
.shape(CheckBoxShape.ROUNDED_SQUARE)

分别设置为圆形和fang'xing

这个只支持api12以上的吧

那就不确定了,我的确实是12

在HarmonyOS(鸿蒙)开发中,Checkbox 组件默认样式为方形复选框。若需将其设置为圆形,这通常涉及到自定义样式或组件。你可以通过XML布局中的自定义样式(style)结合图片资源(如圆形选中和未选中的图标)来实现这一效果,或者通过编程方式动态地改变其背景和边框来近似实现圆形效果。

需要注意的是,直接设置Checkbox为圆形可能不是直接支持的,因为它主要是为方形选择框设计的。你可能需要自定义一个类似的控件来完全满足圆形复选框的需求。

如果问题依旧没法解决请加我微信,我的微信是itying888。

回到顶部