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

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

单选、多选框组组件。

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

·首先单选就是在多个组件中最多只能选择一个，多选是可以选择多个全选的。多选框组有多一个全选，这个是相当一个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 期

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

SparkSQL——DataFrame的创建与使用

使用过 Redis 分布式锁么，它是什么回事?

VUE循环语句的使用(v-for)（vuefor循环的key）

HiveOs系统教程最细手把手教学（hiveos启动）

HIVE SQL基础语法（hive-sql）

《循环(for/while)》（循环while语句）

Spring Boot 概述（spring boot干嘛的）