3.7.4 사용 예제

사용 예제

프레임을 구성한 뒤 Xpanel에서 특정 프레임의 페이지를 전환하는 예제입니다.

(1) 페이지 작성

a) 프레임에 설정할 페이지를 작성합니다. 프레임 상단의 버튼을 눌러 하단의 페이지를 변경하도록 구성할 예정이므로 상단에 위치할 일반 페이지 하나, 하단에 위치할 일반 페이지 3개를 작성합니다.

b) 상단 페이지는 다음과 같이 작성합니다. 각 오브젝트별로 [터치] 기능을 추가하여 해당하는 페이지를 열도록 설정합니다.

Open

c) 하단 페이지는 다음 그림과 같이 구성합니다. 각 페이지를 구분할 수 있도록 좌측 하단에 층수를 표시합니다.

Open

d) 각 페이지를 선택하여 [도구] – [페이지 환경설정]으로 진입합니다. [위치설정] 탭에서 크기, 프레임 내 위치를 다음과 같이 설정하고 [적용] 버튼을 누릅니다. 편집 위치는 설정에 영향을 미치지 않습니다. 이후 [확인] 버튼을 눌러 설정을 종료합니다.

(2) 프레임 구성

a) [파일] – [프레임 편집기]를 선택하여 화면에 표시할 프레임의 구성을 선택합니다. 본 예제에서는 다음과 같은 프레임을 구성합니다. 상단 페이지 “UpperFrame”을 페이지 1에 지정합니다. 하단 페이지 중 초기에 표시할 “1F” 페이지를 페이지 2에 지정합니다.

b) 파일 이름을 지정하고 [추가] 버튼을 눌러 설정을 완료합니다.

(3) 초기화면 설정

a) [도구] – [CIMON-XPANEL 동작 설정]을 선택하여 다음 화면에 진입합니다.

b) “초기화면”에서 앞서 생성한 “Page” 프레임 파일을 선택합니다. 이후 [확인] 버튼을 눌러 설정을 종료합니다.

(4) 동작 확인

a) 작업중인 PC에서 바로 동작을 확인하기 위하여 [도구] – [시뮬레이터 실행]을 선택하거나 [F5] 키를 누릅니다. 이후 나타나는 화면에서 각 층의 버튼을 눌러 하단의 페이지가 변경되는지 확인합니다.