View Module

View Module 은 장비 운전 화면(HMI)을 시각적으로 만드는 GUI 디자이너입니다. 화면 중앙의 XMachineEditorControl 캔버스 위에 버튼·램프·텍스트 등 UI 컨트롤을 끌어다 배치하여, 작업자가 실제로 보고 조작할 운전 화면을 구성합니다.

하나의 View 모듈은 화면 레이아웃을 담은 디자인(.xdf)과 그 화면에서 발생하는 이벤트를 처리하는 스크립트(.xms) 한 쌍으로 구성됩니다. 디자인은 이 디자이너에서, 이벤트 스크립트는 같은 모듈의 스크립트 편집기에서 다룹니다.

주요 영역

화면은 컨트롤을 배치하는 단일 캔버스를 중심으로 구성됩니다. 메인 창 툴바와 함께 사용하여 편집 상태를 전환하고 배치를 정돈합니다.

배치 가능한 컨트롤의 전체 목록과 각 컨트롤의 속성은 UI Controls 에서 다룹니다.

데이터 바인딩

각 컨트롤은 데이터 바인딩을 통해 Run Module 의 변수와 연결됩니다. 예를 들어 램프 컨트롤을 bool 변수에 바인딩하면 변수 값이 참일 때 램프가 켜지고, 숫자 표시 컨트롤을 좌표 변수에 바인딩하면 현재 위치가 화면에 실시간으로 표시됩니다.

이렇게 화면과 런타임 변수를 묶어 두면, 스크립트가 변수를 갱신하는 것만으로 화면이 따라 갱신됩니다. Run Module 의 변수 선언 및 바인딩 예는 해당 챕터를 함께 참고하시기 바랍니다.

사용 흐름

1. 메인 창 툴바에서 Lock Design 을 해제하여 편집 모드로 전환합니다.
2. 캔버스에 필요한 컨트롤을 배치하고 위치·크기를 조정합니다.
3. 여러 컨트롤을 선택한 뒤 정렬 버튼으로 줄을 맞춥니다.
4. 각 컨트롤의 데이터 바인딩에 Run Module 변수를 지정합니다.
5. 이벤트가 필요한 컨트롤은 같은 모듈의 이벤트 스크립트(.xms)에 동작을 작성합니다.
6. 편집을 마치면 Lock Design 을 다시 켜 배치를 고정합니다.

관련 항목

• Run Module
• UI Controls
• Menu - System