Pular para o conteúdo principal

Radio / Checkbox Grupo de opções de seleção única / caixas de seleção

Este componente exibe vários botões de opção / caixas de seleção na interface.

Tocar em um botão de opção seleciona essa opção e cancela a seleção dos outros botões do mesmo grupo. Tocar em uma caixa de seleção alterna entre selecionada e não selecionada.

ChaveTipoDescriçãoObrigatórioValor padrãoVersão mínimaObservação
optionsArray de dicionáriosArray com a lista de opções*---
numPerLineInteiroNúmero de opções por linha-2 para iPhone, 4 para iPad1.2-10O valor máximo é 12
minCountInteiroNúmero mínimo de itens selecionáveis-0-cell = 'Checkbox'
maxCountInteiroNúmero máximo de itens selecionáveis-INT_MAX-cell = 'Checkbox'

options contém várias opções. Cada opção é um dicionário com os seguintes atributos:

ChaveTipoDescriçãoCondição
titleStringTítulo da opçãoLocalizável
valueTipo básicoValor de configuração da opção
Se não for informado, será igual a title.
Opcional

Este componente não oferece suporte a label/icon/height. Para definir título ou observação, use-o em conjunto com o componente Group.

Tipo retornadoDescrição
Array de tipos básicosArray contendo o value de todos os itens selecionados

Tema

Chave do temaTipoDescrição
tagTextColorCorCor do texto da etiqueta
tagSelectedTextColorCorCor do texto da etiqueta selecionada
tagBackgroundColorCorCor de fundo da etiqueta
tagSelectedBackgroundColorCorCor de fundo da etiqueta selecionada
tagBorderColorCorCor da borda da etiqueta
tagSelectedBorderColorCorCor da borda da etiqueta selecionada

Exemplo

{
cell = "Group";
label = "多选框组";
footerText = "轻按以选中标签,再次轻按以取消选中,最多选择 4 项";
};
{
default = {
"红色";
"绿色";
};
cell = "Checkbox";
key = "checkbox";
maxCount = 4;
numPerLine = 4; -- número de opções por linha
options = {
{
title = "红色";
};
{
title = "绿色";
};
{
title = "蓝色";
};
{
title = "黄色";
};
"紫色";
"黑色";
"白色";
"咖啡色";
"卡其色";
"灰色";
};
};
{
cell = "Group";
label = "单选框组";
footerText = "轻按以选中标签";
};
{
default = "Fifth";
cell = "Radio";
key = "radio";
options = {
{
title = "第一";
};
{
title = "第二";
};
{
title = "第三";
};
{
title = "第四"; -- sem value, o valor de configuração da opção será title
};
{
title = "第五";
value = "Fifth"; -- quando value é definido, o valor de configuração da opção será value
};
"倒数第一"; -- as opções também podem usar a forma abreviada
};
};

XUI-Radio.png

XUI-Checkbox.png