Radio / Checkbox Botones de opción / grupo de casillas
Este componente muestra varios botones de opción o casillas en la interfaz.
Al seleccionar un botón de opción, se activa el botón seleccionado y se desactivan los demás del mismo grupo. Al seleccionar una casilla, se alterna entre los estados seleccionada y no seleccionada.
| Clave | Tipo | Descripción | Obligatorio | Valor predeterminado | Versión mínima requerida | Notas |
|---|---|---|---|---|---|---|
| options | matriz de diccionarios | Matriz de opciones | * | - | - | - |
| numPerLine | entero | Número de opciones por fila | - | iPhone: 2, iPad: 4 | 1.2-10 | El valor máximo es 12 |
| minCount | entero | Número mínimo de elementos seleccionables | - | 0 | - | cell = 'Checkbox' |
| maxCount | entero | Número máximo de elementos seleccionables | - | INT_MAX | - | cell = 'Checkbox' |
options contiene varias opciones. Cada opción es un diccionario con las propiedades siguientes:
| Clave | Tipo | Descripción | Condición |
|---|---|---|---|
| title | cadena | Título de la opción | localizable |
| value | tipo básico | Valor de configuración de la opción Si no se especifica, coincide con title. | opcional |
Este componente no admite label/icon/height. Para establecer un título o una nota, combínalo con el componente Group.
| Tipo de retorno | Descripción |
|---|---|
| matriz de tipos básicos | Matriz que contiene el value de todas las opciones seleccionadas |
Tema
| Clave del tema | Tipo | Descripción |
|---|---|---|
| tagTextColor | color | Color del texto de la etiqueta |
| tagSelectedTextColor | color | Color del texto de la etiqueta seleccionada |
| tagBackgroundColor | color | Color de fondo de la etiqueta |
| tagSelectedBackgroundColor | color | Color de fondo de la etiqueta seleccionada |
| tagBorderColor | color | Color del borde de la etiqueta |
| tagSelectedBorderColor | color | Color del borde de la etiqueta seleccionada |
Ejemplo
{
cell = "Group";
label = "多选框组";
footerText = "轻按以选中标签,再次轻按以取消选中,最多选择 4 项";
};
{
default = {
"红色";
"绿色";
};
cell = "Checkbox";
key = "checkbox";
maxCount = 4;
numPerLine = 4; -- Número de opciones por fila
options = {
{
title = "红色";
};
{
title = "绿色";
};
{
title = "蓝色";
};
{
title = "黄色";
};
"紫色";
"黑色";
"白色";
"咖啡色";
"卡其色";
"灰色";
};
};
{
cell = "Group";
label = "单选框组";
footerText = "轻按以选中标签";
};
{
default = "Fifth";
cell = "Radio";
key = "radio";
options = {
{
title = "第一";
};
{
title = "第二";
};
{
title = "第三";
};
{
title = "第四"; -- Si no se establece value para una opción, su valor de configuración será title
};
{
title = "第五";
value = "Fifth"; -- Si se establece value para una opción, su valor de configuración será value
};
"倒数第一"; -- Las opciones también pueden escribirse de forma abreviada
};
};

