컨텐츠로 건너뛰기

라디오 버튼 그룹 예제

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

태그

이 예제에서는 두 개의 태그를 사용합니다. 첫 번째 태그는 Fill Amount라는 이름이며, 데이터 타입은 **INT (INT16)**로 설정합니다. 두 번째 태그는 Index라는 이름이며, 데이터 타입은 **INT (INT16)**이고 초기값은 -1로 설정합니다.

스크립트

이 예제는 스크립트 편집기를 사용합니다. Fill Amount라는 이름의 스크립트를 생성하고 실행 타입정주기로 설정합니다.

Check Price Code::

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 태그에 씁니다.

프로젝트 구성

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

라디오 버튼 그룹

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

사각형(채우기)

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

시뮬레이터

이 예제을 테스트하려면 시뮬레이터를 실행합니다.

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