자세한 내용은 아래 영상에서 확인하세요!
[FactoryTalk Optix] 간단하게 따라해보는 재사용 가능한 UI 개체 만들기
안녕하세요.
Rockwell Automation 공식 공인 대리점, 위너스오토메이션(Winners Automation)입니다.
오늘은 FactoryTalk Optix에서 실무자들이 가장 자주 사용하는 기능 중 하나인
“재사용 가능한 UI 개체(Reusable UI Component)”를 만드는 방법을 소개합니다.
Optix는 기존의 FactoryTalk View와는 다른 모던 HMI 개발 방식을 채택하고 있어,
UI를 효율적으로 사용하려면 컴포넌트 기반 개발(Component-based development)을 이해하는 것이 매우 중요합니다.
이번 영상은
초보 엔지니어부터 SCADA/HMI 디자이너까지 모두 활용 가능한
가장 쉬운 컴포넌트 제작 예제를 다룹니다.
인터락 버튼(Interlock Button)을 중심으로 UI를 묶고,
속성을 연결하고, 재사용형 컴포넌트로 만드는 전체 과정을 보여줍니다.
📘 정의: 재사용 가능한 UI 개체란?
재사용 UI 개체란 “여러 화면에 반복해서 사용할 수 있는 블록”이라고 보면 됩니다.
한 번 만들어 두면 복사-붙여넣기 대신,
드래그로 끌어다 쓰기만 하면 되는 UI 묶음입니다.
FactoryTalk Optix에서는 특정 UI 요소(Button, Panel, Layout 등)에
속성(Properties)
변수(Tag)
이벤트(Event)
그래픽 스타일
Dynamic Link
을 포함한 “하나의 컴포넌트”로 묶어
다른 화면(Screen)이나 다른 프로젝트에서도 사용할 수 있도록 지원합니다.
즉, Optix의 Component 기반 UI 아키텍처는
SCADA 개발의 생산성과 유지보수성을 크게 높이는 핵심 기능입니다.
🎥 영상으로 따라해 보는 UI 개체 제작 과정
✔ 1) UI 요소들을 화면에 배치하는 과정
영상에서는 여러 UI 블록(버튼 형태로 보이는 구성)이
레이아웃 안에 정리되어 배치되는 부분을 확인할 수 있습니다.
✔ 2) 특정 UI 묶음을 하나의 그룹처럼 구성하는 장면
캡처된 화면에서는
여러 버튼·패널·레이아웃 요소가 묶여 있는 모습이 보이며,
이를 하나의 UI 블록으로 인식할 수 있게 구성한 흐름이 나타납니다.
✔ 3) “컴포넌트(Component)” 형태로 전환하는 과정
영상 오른쪽 패널에서
UI 묶음을 컴포넌트로 만들기 위한 관련 메뉴(컨텍스트)가 표시되며
Reusable Component로 전환하는 단계가 진행됩니다.
이는 FactoryTalk Optix에서 제공하는
“Convert to Component” 기능을 활용하는 것으로 보입니다.
✔ 4) 화면 내 다른 영역에서 재사용되는 모습
UI 묶음을 만든 뒤,
프로젝트 트리 또는 화면 내에서
다른 위치에 동일한 블록이 배치되는 장면이 등장합니다.
→ 재사용 가능하다는 점을 시각적으로 보여줌.
✔ 핵심 요약
UI를 구성한다
여러 요소를 하나의 묶음으로 만든다
컴포넌트 형태로 전환한다
화면 내 다른 위치에서 다시 사용할 수 있다
이 4가지 흐름은 영상에서 모두 확인됩니다.
💡
🎞 UI 개체 제작 과정 영상 시청하기
❓ FAQ
Q1. FactoryTalk Optix에서 컴포넌트를 만드는 이유는 무엇인가요?
A. 여러 화면에서 반복되는 UI 요소를 하나로 묶어 재사용할 수 있어
UI 작업 시간을 줄이고 화면 일관성을 확보할 수 있습니다.
Q2. 영상에서 보여준 UI 컴포넌트 구조는 실제 프로젝트에서도 그대로 적용 가능한가요?
A. 네, 영상에서 확인된 방식처럼 UI 요소를 묶고 컴포넌트로 전환하는 기능은
Optix 기본 기능이기 때문에 실제 프로젝트에서도 동일하게 활용할 수 있습니다.
Q3. 컴포넌트를 만들면 다른 화면에서도 바로 사용할 수 있나요?
A. 영상에서도 나오는 것처럼,
컴포넌트는 생성된 후 프로젝트 내 여러 화면에서 동일하게 배치하여 사용할 수 있습니다.
📞 문의하기 — FactoryTalk Optix 구축은 위너스오토메이션에게
위너스오토메이션은
Rockwell Automation 공식 공인 대리점이며
FactoryTalk Optix 기반 개발 및 HMI 설계 프로젝트를
전문적으로 지원하고 있습니다.
Optix를 처음 배우고 계시나요?
UI 구조 설계부터 컴포넌트 구성까지 도움을 드릴 수 있어요.
🔗 홈페이지 바로가기
https://winsauto.com/
🔗 카카오톡 기술 상담
http://pf.kakao.com/_pxcugxb