라디오 버튼 그룹 예제

예제

예제: 채우기 양 선택 만들기

라디오 버튼 기능 이해를 위한 예제입니다.

설정

다음과 같은 설정이 예제에 필요합니다.

태그 설정

1. 다음 태그들을 생성하세요.: 1 Fill Amount - 데이터 종류: INT (INT16) - 초기값: 0 2. Index - 데이터 종류: INT (INT16) - 초기값: -1

스크립트 설정

2. 다음 스크립트를 생성합니다.:
   1. Fill Amount
      • 실행 종류: 정주기

switch (tag.read("Index")) {
	case 0:
		tag.write("Fill Amount", 0);
		break;
		
	case 1:
		tag.write("Fill Amount", 25);
		break;
		
	case 2:
		tag.write("Fill Amount", 50);
		break;
		
	case 3:
		tag.write("Fill Amount", 75);
		break;
		
	case 4:
		tag.write("Fill Amount", 100);
		break;	
		
	default:
		tag.write("Fill Amount", 0);
		break;
}

• 이 스크립트는 Index 태그가 -1이 아닌 경우를 확인하고, 라디오 버튼 그룹에서 선택한 값에 따라 해당하는 채우기 양을 Fill Amount 태그에 씁니다.

프로젝트 설정

3. 아래 이미지처럼 프로젝트를 구성합니다. 이 프로젝트에서는 레이블, 라디오 버튼 그룹, 그리고 사각형(채우기)을 사용합니다.

4. 라디오 버튼 그룹 오브젝트에서 Index 태그를 인덱스 영역에 바인딩합니다. 그리고 "0%", "25%", "50%", "75%", "100%" 다섯 가지 선택지를 추가합니다. 이 값들은 각각 채우기 양에 대응됩니다.

5. 이 예제는 사각형(채우기)도 사용합니다. 새 사각형(채우기)을 만들고 채우기 방향을 좌에서 우로 설정합니다. 그리고 Fill Amount 태그를 값 영역에 바인딩합니다.

프로젝트 실행

1. 도구 > 시뮬레이터 실행을 클릭하여 Canvas 시뮬레이터를 실행합니다.

2. 라디오 버튼 그룹에서 채우기 양을 선택하면, 선택한 값에 따라 사각형(채우기)이 채워집니다.