四时宝库

程序员的知识宝库

鸿蒙ArkUI组件单选(Radio)、多选(CheckBox)、多选框组

单选、多选框组组件。

这节课来讲一下单选、多选还有多选框组组件是怎么使用的。先来看一下效果。

·首先单选就是在多个组件中最多只能选择一个,多选是可以选择多个全选的。多选框组有多一个全选,这个是相当一个group,下面是它的直项,就是这边指向只要有一个选中,上面全选按钮就会变成一个杠。如果下面只选项全部选,全选就会变成打勾,就代表全选。如果下面全部都没有选,这边就会跟着没掉,就是它相关联的。同样上面也是可以控制下面的内容。

·来看一下代码是怎么实现的。首先来看一下单选,单选实际上这边很简单,是直接用一个ready有这个组件,因为是只能选一个,就需要有个它相关联的group。这边是不是有三个组件?就是这三个radio就设置的group都要一样的,这边设置group都叫radio group,它就可以关联起来弄成单选的模式。这个点jig是它的选中状态。

·来看一下多选,第二个是多选,勾选是直接用切boss这个组件,因为是没有跟其他group相关联的,所以直接也不用设置group,这样一个不用设置group,直接用就可以了。这边也是三个切boss把它名称配置一下就可以,然后sleek color是它的群众颜色。

·最后再来看一下多选框组,多选框组相对于多选就相当于它有一个global的组件,可以统一管理它的直组件。这边就用checkbox global系统的组件,要配置它的global,就这边把它命名叫做checkbox global。

·下面的直组件有三个直组件,选项一、选项二的选项三,同样要去设置group了,设置的group的名称就跟上面定义的group的名称是一样的,才能就上面group才能控制下面这三个直组件,实现多选框组的效果。其他就跟多选组件一样,就选中颜色,这样就可以实现效果了。

这节课就整到这边。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接