Radio / Checkbox — радиокнопки и группа флажков
Этот компонент отображает в интерфейсе несколько радиокнопок или флажков.
Нажатие на радиокнопку выбирает её и отменяет выбор остальных радиокнопок в той же группе. Нажатие на флажок переключает его состояние между выбранным и невыбранным.
| Ключ | Тип | Описание | Обязателен | Значение по умолчанию | Минимальная версия | Примечание |
|---|---|---|---|---|---|---|
| options | массив словарей | Массив вариантов | * | - | - | - |
| numPerLine | целое число | Число вариантов в строке | - | для iPhone — 2, для iPad — 4 | 1.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
};
"倒数第一"; -- Вариант можно записать в сокращённой форме
};
};

