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

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

单选、多选框组组件。

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

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

因果推断Matching方式实现代码因果推断模型

面试官:git pull是哪两个指令的组合?

git pull命令使用实例 git pull--rebase

git 执行pull错误如何撤销 git pull fail

git pull 和git fetch 命令分别有什么作用?二者有什么区别?

git fetch 和git pull 的异同 git中fetch和pull的区别

git pull 之后本地代码被覆盖解决方案

还可以这样玩?Git基本原理及各种骚操作，涨知识了

git命令之pull git.pull

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

相关推荐

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

因果推断Matching方式实现代码 因果推断模型

面试官:git pull是哪两个指令的组合?

git pull命令使用实例 git pull--rebase

git 执行pull错误如何撤销 git pull fail

git pull 和git fetch 命令分别有什么作用?二者有什么区别?

git fetch 和git pull 的异同 git中fetch和pull的区别

git pull 之后本地代码被覆盖 解决方案

还可以这样玩?Git基本原理及各种骚操作，涨知识了

git命令之pull git.pull

因果推断Matching方式实现代码因果推断模型

git pull 之后本地代码被覆盖解决方案