프레임 편집기

프레임 편집기는 사용자가 프로젝트의 여러 페이지를 한 눈에 확인할 수 있도록 합니다. 최대 4개의 페이지를 XpanelDesigner에서 제공하는 레이아웃 형태로 등록할 수 있습니다. 생성한 프레임을 별도의 파일로 저장하여 Xpanel에서 프로젝트 구동 시 즉시 확인할 수 있습니다. 프레임을 생성하는 것으로 다수의 화면을 효과적인 위치에서 동시에 감시하는 것이 가능합니다. 프레임 내에서 일부 페이지만 변경될 경우, 전체 페이지를 다시 그리지 않아도 되므로 프로젝트의 구동 속도가 비교적 빨라집니다.

프레임 편집기 화면

[파일] – [프레임 편집기]를 선택하거나 단축키 [Ctrl + W] 키를 눌러 다음과 같이 프레임 편집기 화면을 열 수 있습니다.

항목	설명
프레임 파일	프레임 편집기에서 생성한 프레임 파일의 목록이 표시됩니다. 항목을 클릭하면 저장된 설정이 편집기에 표시됩니다.
파일 이름	*.FRX 확장자로 저장할 프레임 파일의 이름을 입력합니다. 파일 이름은 “\”. “/”, “ : “, “*”, “?”, “<”, “>”, “ | “ 와 같은 문자를 포함할 수 없습니다.
해상도	현재 작성중인 프로젝트의 Xpanel 모델의 해상도를 의미합니다. 프레임 파일의 너비와 높이는 표시된 해상도를 초과할 수 없습니다.
외곽선 종류	선택한 프레임에 외곽선 추가 여부를 결정합니다. ‘외곽선 없음’ 또는 ‘윈도우 기본’을 선택할 수 있습니다. ‘윈도우 기본’ 외곽선은 검은색 실선으로, 다음 그림을 확인하여 주시기 바랍니다. (XpanelDesigner 시뮬레이터)
종류	프레임의 레이아웃 종류를 선택합니다. 총 12개의 종류가 있으며, 각 종류에 따라 최소 페이지 1개에서 최대 4개까지 설정할 수 있습니다.
페이지 1~4	사용자가 선택한 프레임 종류에 따라 활성화되는 페이지 입력란의 개수가 달라집니다. 선택한 프레임 종류에 표시된 숫자만큼 활성화됩니다.
이름	해당하는 위치에 등록할 페이지의 이름을 입력합니다. 우측의 […] 버튼을 눌러 페이지 파일을 선택할 수 있습니다. 하나의 페이지만 등록할 수 있습니다.
너비/높이	등록한 페이지의 너비와 높이를 설정합니다. 설정한 페이지들의 총 너비와 높이는 해상도를 초과할 수 없습니다. 사용자가 직접 너비 또는 높이를 입력할 수 있으며, 또한 [▲/▼] 키를 사용하여 설정할 수 있습니다. 일부 페이지의 경우, 사용자가 임의로 사이즈를 조절할 수 없으며, 직접 설정한 다른 페이지의 너비와 높이에 따라 자동으로 크기가 변경됩니다.
추가	현재 설정으로 프레임 파일을 생성합니다.
수정	선택한 프레임 파일을 현재 설정으로 수정합니다.
삭제	선택한 프레임 파일을 삭제합니다.
닫기	설정을 저장하지 않고 [프레임 편집기] 화면을 닫습니다.

프레임 설정 방법

정상적으로 여러 페이지를 한 프레임에 표시하려면, 프레임 편집기에 페이지를 등록하는 것 외에 추가로 설정하여야 하는 사항이 존재합니다. 해당 사항으로는 페이지 크기, 프레임 내 위치 등이 있습니다.

추가로, 편집한 프레임 파일을 초기 화면으로 설정하거나 페이지 전환을 하는 방법을 설명합니다.

페이지 환경 설정

프레임을 설정하고자 할 때, 각 페이지는 [도구] – [페이지 환경설정] – [위치설정] 탭에서 페이지의 크기와 프레임 내 위치를 설정해야 합니다. 해당 설정은 [프레임 편집기]에서 설정한 값과 같아야 합니다.

[위치설정] 탭의 편집 위치 영역에서 ‘크기’를 설정합니다. 해당 값은 [프레임 편집기]에서 해당 페이지의 너비, 높이와 동일해야 합니다.

이후 해당 페이지가 프레임 내에서 표시될 위치를 설정하고, [적용]버튼을 누릅니다.

프레임에 속한 모든 페이지가 해당 설정 과정을 거쳐야 하며, 잘못 설정된 부분이 있을 경우 프레임이 정상적으로 표시되지 않습니다.

초기 화면 설정

[도구] – [CIMON-XPANEL 동작 설정] 을 선택하여 다음과 같은 화면을 표시합니다. 다음 화면에서 사용자가 저장한 프레임 파일을 Xpanel 실행 시 초기 화면으로 지정할 수 있습니다.

사용자가 작성한 프레임은 초기화면 드롭다운 목록에서 개별 페이지 이후에 나열됩니다.

프레임 생성 시 주의사항

프레임 편집기를 통하여 프레임 파일을 생성할 때, 특정 경우에는 정상적인 동작이 이루어지지 않거나 사용자가 의도하지 않은 형태로 생성될 수 있습니다.

(1) ‘경향감시’, ‘키입력창’, ‘경보요약’ 오브젝트를 포함한 페이지를 사용하는 경우

‘경향감시’, ‘키입력창’, ‘경보요약’과 같은 오브젝트의 경우, 프레임 영역을 침범하여 그려졌을 때 해당 오브젝트는 프레임 사이즈에 맞게 잘리지 않습니다. 다른 프레임의 영역을 침범하여 오브젝트 전체가 표시되므로 유의하시기 바랍니다.

만약 1번 영역에 프레임 범위를 벗어나는 오브젝트가 존재한다면 다음 그림과 같이 그려집니다.

(2) 프레임에 일반 페이지가 없는 경우

프레임을 구성하는 페이지가 전부 팝업 페이지이거나 키패드 페이지일 경우, 화면 갱신이 정상적으로 이루어지지 않을 수 있습니다. 올바른 페이지의 갱신 및 전환을 위하여 최소 1개의 일반 페이지를 프레임 내에 설정하여 주시기 바랍니다.

사용 예제

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

(1) 페이지 작성

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

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

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

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

(2) 프레임 구성

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

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

(3) 초기화면 설정

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

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

(4) 동작 확인

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