Перейти к основному содержимому

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