Radio / Checkbox – Optionsfeld-/Kontrollkästchengruppe
Diese Komponente zeigt mehrere Optionsfelder bzw. Kontrollkästchen an.
Durch Antippen eines Optionsfelds wird dieses ausgewählt und die Auswahl der anderen Optionsfelder derselben Gruppe aufgehoben. Durch Antippen eines Kontrollkästchens wird dessen Auswahlstatus umgeschaltet.
| Schlüssel | Typ | Beschreibung | Erforderlich | Standardwert | Minimale Version | Hinweis |
|---|---|---|---|---|---|---|
| options | Array von Wörterbüchern | Array der Optionsliste | * | - | - | - |
| numPerLine | Ganzzahl | Anzahl der Optionen pro Zeile | - | iPhone 2, iPad 4 | 1.2-10 | Maximalwert 12 |
| minCount | Ganzzahl | Minimale Anzahl auswählbarer Einträge | - | 0 | - | cell = 'Checkbox' |
| maxCount | Ganzzahl | Maximale Anzahl auswählbarer Einträge | - | INT_MAX | - | cell = 'Checkbox' |
options enthält mehrere Optionen. Jede Option ist ein Wörterbuch mit den folgenden Eigenschaften:
| Schlüssel | Typ | Beschreibung | Bedingung |
|---|---|---|---|
| title | Zeichenfolge | Optionstitel | Lokalisierbar |
| value | Basistyp | Konfigurationswert der Option Wenn nicht angegeben, identisch mit title. | Optional |
Diese Komponente unterstützt label/icon/height nicht. Verwenden Sie zum Festlegen eines Titels oder Hinweises die Komponente Group.
| Rückgabetyp | Beschreibung |
|---|---|
| Array von Basistypen | Array mit dem value aller ausgewählten Optionen |
Theme
| Theme-Schlüssel | Typ | Beschreibung |
|---|---|---|
| tagTextColor | Farbe | Textfarbe der Markierung |
| tagSelectedTextColor | Farbe | Textfarbe der ausgewählten Markierung |
| tagBackgroundColor | Farbe | Hintergrundfarbe der Markierung |
| tagSelectedBackgroundColor | Farbe | Hintergrundfarbe der ausgewählten Markierung |
| tagBorderColor | Farbe | Rahmenfarbe der Markierung |
| tagSelectedBorderColor | Farbe | Rahmenfarbe der ausgewählten Markierung |
Beispiel
{
cell = "Group";
label = "多选框组";
footerText = "轻按以选中标签,再次轻按以取消选中,最多选择 4 项";
};
{
default = {
"红色";
"绿色";
};
cell = "Checkbox";
key = "checkbox";
maxCount = 4;
numPerLine = 4; -- Anzahl der Optionen pro Zeile
options = {
{
title = "红色";
};
{
title = "绿色";
};
{
title = "蓝色";
};
{
title = "黄色";
};
"紫色";
"黑色";
"白色";
"咖啡色";
"卡其色";
"灰色";
};
};
{
cell = "Group";
label = "单选框组";
footerText = "轻按以选中标签";
};
{
default = "Fifth";
cell = "Radio";
key = "radio";
options = {
{
title = "第一";
};
{
title = "第二";
};
{
title = "第三";
};
{
title = "第四"; -- Ohne value entspricht der Konfigurationswert dem title
};
{
title = "第五";
value = "Fifth"; -- Mit value entspricht der Konfigurationswert dem value
};
"倒数第一"; -- Optionen können abgekürzt werden
};
};

