anyuianyui
首页
快速开始
文档
下载
  • English
  • 简体中文
首页
快速开始
文档
下载
  • English
  • 简体中文
  • 安装

    • 安装
  • 核心概念

    • 介绍
    • 设计
    • 隐藏和锁定
    • 资源管理
  • 高阶组件

    • 状态按钮
    • 标签滑块
    • 数值滑块
    • 复选框组和单选框组
    • 状态栏
    • 导航栏
    • 抽屉
  • 高级功能

    • 使用外部图像文件作为源
    • GIF动画图像
    • 模板组件
    • 全局组件
    • 屏幕管理
    • 通信命令和事件
    • Lottie动画
  • 开发

    • 构建模式
    • 构建工具链配置
    • 代码移植
  • 技术支持

    • 常见问题

介绍

复选框组是提供复选框和单选框组功能的高阶组件,具有自管理状态控制。该组件消除了处理UI状态(如跟踪选中选项)所需的自定义代码。

组件结构

复选框组封装了以下组件:

  • 容器(x1):配置HoC的背景
  • 复选框图像(x1):配置选中和未选中状态的图像
  • 图像(x2):为选项配置图像
  • 复选框标签(x1):配置选中和未选中状态的文本,允许为选中选项自定义字体或颜色
  • 标签(x2):为选项配置文本

属性

复选框组提供以下可配置属性:

选项 配置HoC的选项数量,每个选项支持:

  • 最多3个可配置图像
  • 最多3个可配置标签

当前选择 定义HoC的初始状态。

方向 将布局方向配置为水平或垂直。

多选模式 确定是否允许多选:

  • 启用:复选框组行为
  • 禁用:单选框组行为

间隔 配置选项之间的间距。

复选框图像和标签

为选中和未选中状态提供专用图像和标签。

图像

配置选中状态的图像。如果未配置,组件将使用默认图像,如果未指定默认图像则为NULL。

当未配置默认图像时,通常表示不需要该图像,应将其隐藏。

标签

配置选中和未选中状态的文本样式,例如选项被选中时的文本颜色和字体。如果未配置,组件将使用默认标签样式。

视频演示

3分钟创建复杂复选框组 - 案例1

3分钟创建复杂复选框组 - 案例2

Prev
数值滑块
Next
状态栏