Radio / Checkbox

Affiche des boutons radio ou des cases à cocher.

Toucher un bouton radio sélectionne celui-ci et désélectionne les autres du même groupe. Toucher une case à cocher inverse son état de sélection.

Clé	Type	Description	Obligatoire	Valeur par défaut	Version minimale requise	Remarques
options	array of dictionaries	Liste des options	*	-	-	-
numPerLine	integer	Nombre d’options par ligne	-	2 sur iPhone, 4 sur iPad	1.2-10	Valeur maximale : 12
minCount	integer	Nombre minimal d’éléments sélectionnés	-	0	-	Uniquement pour cell = 'Checkbox'
maxCount	integer	Nombre maximal d’éléments sélectionnés	-	INT_MAX	-	Uniquement pour cell = 'Checkbox'

Chaque dictionnaire d’option possède les propriétés suivantes :

Clé	Type	Description	Condition
title	string	Titre de l’option	Localisable
value	primitive	Valeur enregistrée ; si elle est absente, elle est identique à title	Facultatif

Ce composant ne prend pas en charge label/icon/height. Pour ajouter un titre ou une remarque, utilisez le composant Group.

Type de retour	Description
array of primitive	Tableau des valeurs value de toutes les options sélectionnées

Thème

Clé de thème	Type	Description
tagTextColor	Color	Couleur du texte des étiquettes
tagSelectedTextColor	Color	Couleur du texte des étiquettes sélectionnées
tagBackgroundColor	Color	Couleur d’arrière-plan des étiquettes
tagSelectedBackgroundColor	Color	Couleur d’arrière-plan des étiquettes sélectionnées
tagBorderColor	Color	Couleur de bordure des étiquettes
tagSelectedBorderColor	Color	Couleur de bordure des étiquettes sélectionnées

Exemple

{
    cell = "Group";
    label = "多选框组";
    footerText = "轻按以选中标签，再次轻按以取消选中，最多选择 4 项";
};
{
    default = {
        "红色";
        "绿色";
    };
    cell = "Checkbox";
    key = "checkbox";
    maxCount = 4;
    numPerLine = 4;  -- Nombre d’options par ligne
    options = {
        {
            title = "红色";
        };
        {
            title = "绿色";
        };
        {
            title = "蓝色";
        };
        {
            title = "黄色";
        };
        "紫色";
        "黑色";
        "白色";
        "咖啡色";
        "卡其色";
        "灰色";
    };
};
{
    cell = "Group";
    label = "单选框组";
    footerText = "轻按以选中标签";
};
{
    default = "Fifth";
    cell = "Radio";
    key = "radio";
    options = {
    {
        title = "第一";
    };
    {
        title = "第二";
    };
    {
        title = "第三";
    };
    {
        title = "第四";  -- Si value n’est pas défini, la valeur de configuration est title
    };
    {
        title = "第五";
        value = "Fifth";  -- Si value est défini, la valeur de configuration est value
    };
    "倒数第一";  -- Les options peuvent être abrégées
    };
};