Zum Hauptinhalt springen

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üsselTypBeschreibungErforderlichStandardwertMinimale VersionHinweis
optionsArray von WörterbüchernArray der Optionsliste*---
numPerLineGanzzahlAnzahl der Optionen pro Zeile-iPhone 2, iPad 41.2-10Maximalwert 12
minCountGanzzahlMinimale Anzahl auswählbarer Einträge-0-cell = 'Checkbox'
maxCountGanzzahlMaximale 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üsselTypBeschreibungBedingung
titleZeichenfolgeOptionstitelLokalisierbar
valueBasistypKonfigurationswert 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ückgabetypBeschreibung
Array von BasistypenArray mit dem value aller ausgewählten Optionen

Theme

Theme-SchlüsselTypBeschreibung
tagTextColorFarbeTextfarbe der Markierung
tagSelectedTextColorFarbeTextfarbe der ausgewählten Markierung
tagBackgroundColorFarbeHintergrundfarbe der Markierung
tagSelectedBackgroundColorFarbeHintergrundfarbe der ausgewählten Markierung
tagBorderColorFarbeRahmenfarbe der Markierung
tagSelectedBorderColorFarbeRahmenfarbe 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
};
};

XUI-Radio.png

XUI-Checkbox.png