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.
| Chave | Tipo | Descrição | Obrigatório | Valor padrão | Versão mínima | Observação |
|---|---|---|---|---|---|---|
| options | Array de dicionários | Array com a lista de opções | * | - | - | - |
| numPerLine | Inteiro | Número de opções por linha | - | 2 para iPhone, 4 para iPad | 1.2-10 | O valor máximo é 12 |
| minCount | Inteiro | Número mínimo de itens selecionáveis | - | 0 | - | cell = 'Checkbox' |
| maxCount | Inteiro | Nú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:
| Chave | Tipo | Descrição | Condição |
|---|---|---|---|
| title | String | Título da opção | Localizável |
| value | Tipo básico | Valor 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 retornado | Descrição |
|---|---|
| Array de tipos básicos | Array contendo o value de todos os itens selecionados |
Tema
| Chave do tema | Tipo | Descrição |
|---|---|---|
| tagTextColor | Cor | Cor do texto da etiqueta |
| tagSelectedTextColor | Cor | Cor do texto da etiqueta selecionada |
| tagBackgroundColor | Cor | Cor de fundo da etiqueta |
| tagSelectedBackgroundColor | Cor | Cor de fundo da etiqueta selecionada |
| tagBorderColor | Cor | Cor da borda da etiqueta |
| tagSelectedBorderColor | Cor | Cor 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
};
};

