Saltar al contenido principal

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.

ClaveTipoDescripciónObligatorioValor predeterminadoVersión mínima requeridaNotas
optionsmatriz de diccionariosMatriz de opciones*---
numPerLineenteroNúmero de opciones por fila-iPhone: 2, iPad: 41.2-10El valor máximo es 12
minCountenteroNúmero mínimo de elementos seleccionables-0-cell = 'Checkbox'
maxCountenteroNúmero máximo de elementos seleccionables-INT_MAX-cell = 'Checkbox'

options contiene varias opciones. Cada opción es un diccionario con las propiedades siguientes:

ClaveTipoDescripciónCondición
titlecadenaTítulo de la opciónlocalizable
valuetipo básicoValor 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 retornoDescripción
matriz de tipos básicosMatriz que contiene el value de todas las opciones seleccionadas

Tema

Clave del temaTipoDescripción
tagTextColorcolorColor del texto de la etiqueta
tagSelectedTextColorcolorColor del texto de la etiqueta seleccionada
tagBackgroundColorcolorColor de fondo de la etiqueta
tagSelectedBackgroundColorcolorColor de fondo de la etiqueta seleccionada
tagBorderColorcolorColor del borde de la etiqueta
tagSelectedBorderColorcolorColor 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
};
};

XUI-Radio.png

XUI-Checkbox.png