跳到主要内容

Radio / Checkbox 单选框 / 复选框组

此组件在界面上显示若干单选框 / 复选框.

点选单选框会选中当前选择的单选框, 取消同组其它单选框的选中状态. 点选复选框会切换其选中 / 未选状态.

类型描述必选默认值最低版本需求备注
options包含字典的数组选项列表数组*---
numPerLine整数每行选项个数-iPhone 为 2, iPad 为 41.2-10最大值为 12
minCount整数最少选择项目数-0-cell = 'Checkbox'
maxCount整数最多选择项目数-INT_MAX-cell = 'Checkbox'

options 包含若干 选项, 选项 为字典, 有如下属性:

类型描述条件
title字符串选项标题可本地化
value基本类型选项配置值
若不填, 则与 title 一致.
可选

此组件不支持 label/icon/height, 如需要设置标题或备注, 请结合 Group 组件进行设计.

返回类型描述
包含基本类型的数组包含所有选中项 value 的数组

主题

主题键类型描述
tagTextColor颜色标签文字颜色
tagSelectedTextColor颜色选中标签文字颜色
tagBackgroundColor颜色标签背景颜色
tagSelectedBackgroundColor颜色选中标签背景颜色
tagBorderColor颜色标签边框颜色
tagSelectedBorderColor颜色选中标签边框颜色

示例

{
cell = "Group";
label = "多选框组";
footerText = "轻按以选中标签,再次轻按以取消选中,最多选择 4 项";
};
{
default = {
"红色";
"绿帽";
};
cell = "Checkbox";
key = "checkbox";
maxCount = 4;
numPerLine = 4; -- 每行选项数量
options = {
{
title = "红色";
};
{
title = "绿帽";
};
{
title = "蓝色";
};
{
title = "黄色";
};
"紫色";
"黑色";
"白色";
"咖啡色";
"卡其色";
"灰色";
};
};
{
cell = "Group";
label = "单选框组";
footerText = "轻按以选中标签";
};
{
default = "Fifth";
cell = "Radio";
key = "radio";
options = {
{
title = "第一";
};
{
title = "第二";
};
{
title = "第三";
};
{
title = "第四"; -- 如果选项未设置 value,则该选项配置值为 title
};
{
title = "第五";
value = "Fifth"; -- 如果选项设置了 value,则该选项配置值为 value
};
"倒数第一"; -- 选项可以简写
};
};

XUI-Radio.png

XUI-Checkbox.png