Radio / Checkbox 라디오 버튼 / 체크박스 그룹

이 컴포넌트는 화면에 여러 라디오 버튼 / 체크박스를 표시합니다.

라디오 버튼을 누르면 해당 라디오 버튼이 선택되고 같은 그룹에 있는 다른 라디오 버튼의 선택이 해제됩니다. 체크박스를 누르면 선택 / 선택 해제 상태가 전환됩니다.

키	유형	설명	필수	기본값	최소 버전	비고
options	딕셔너리 배열	옵션 목록 배열	*	-	-	-
numPerLine	정수	한 줄에 표시할 옵션 수	-	iPhone은 2, iPad는 4	1.2-10	최대값은 12
minCount	정수	선택해야 하는 최소 항목 수	-	0	-	cell = 'Checkbox'
maxCount	정수	선택할 수 있는 최대 항목 수	-	INT_MAX	-	cell = 'Checkbox'

options에는 여러 옵션이 포함됩니다. 각 옵션은 다음 속성을 가진 딕셔너리입니다.

키	유형	설명	조건
title	문자열	옵션 제목	현지화 가능
value	기본 자료형	옵션 설정값 생략하면 title과 같습니다.	선택 사항

이 컴포넌트는 label/icon/height를 지원하지 않습니다. 제목이나 설명을 설정하려면 Group 컴포넌트와 함께 구성하십시오.

반환 유형	설명
기본 자료형 배열	선택한 모든 항목의 value를 포함하는 배열

테마

테마 키	유형	설명
tagTextColor	색상	태그 텍스트 색상
tagSelectedTextColor	색상	선택된 태그의 텍스트 색상
tagBackgroundColor	색상	태그 배경색
tagSelectedBackgroundColor	색상	선택된 태그의 배경색
tagBorderColor	색상	태그 테두리 색상
tagSelectedBorderColor	색상	선택된 태그의 테두리 색상

예제

{
    cell = "Group";
    label = "多选框组";
    footerText = "轻按以选中标签，再次轻按以取消选中，最多选择 4 项";
};
{
    default = {
        "红色";
        "绿色";
    };
    cell = "Checkbox";
    key = "checkbox";
    maxCount = 4;
    numPerLine = 4;  -- 줄마다 표시할 옵션 수
    options = {
        {
            title = "红色";
        };
        {
            title = "绿色";
        };
        {
            title = "蓝色";
        };
        {
            title = "黄色";
        };
        "紫色";
        "黑色";
        "白色";
        "咖啡色";
        "卡其色";
        "灰色";
    };
};
{
    cell = "Group";
    label = "单选框组";
    footerText = "轻按以选中标签";
};
{
    default = "Fifth";
    cell = "Radio";
    key = "radio";
    options = {
    {
        title = "第一";
    };
    {
        title = "第二";
    };
    {
        title = "第三";
    };
    {
        title = "第四";  -- 옵션에 value가 없으면 해당 옵션의 구성 값은 title이 됨
    };
    {
        title = "第五";
        value = "Fifth";  -- 옵션에 value가 있으면 해당 옵션의 구성 값은 value가 됨
    };
    "倒数第一";  -- 옵션은 축약해서 작성할 수 있음
    };
};