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

wptr33 2024-11-14 19:21 34 浏览

单选、多选框组组件。

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

·首先单选就是在多个组件中最多只能选择一个，多选是可以选择多个全选的。多选框组有多一个全选，这个是相当一个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才能控制下面这三个直组件，实现多选框组的效果。其他就跟多选组件一样，就选中颜色，这样就可以实现效果了。

这节课就整到这边。

radiogroup

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

相关推荐

C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)

程序员的开源月刊《HelloGitHub》第 71 期

详细介绍一下Redis的Watch机制，可以利用Watch机制来做什么?

假如有100W个用户抢一张票，除了负载均衡办法，怎么支持高并发?

Java面试必考问题:什么是乐观锁与悲观锁

如何将AI助手接入微信（打开ai手机助手）

SparkSQL——DataFrame的创建与使用

redission YYDS spring boot redission 使用

一文带你了解Redis与Memcached? redis与memcached的区别

如何利用Redis进行事务处理呢? 如何利用redis进行事务处理呢英文