[FactoryTalk Optix] 간단하게 따라해보는 재사용 가능한 UI 개체 만들기

FactoryTalk Optix에서 재사용 가능한 UI 컴포넌트를 만드는 가장 간단한 방법을 소개합니다. 인터락 버튼 예제로 컴포넌트 생성 과정을 쉽게 따라 해보세요.
[FactoryTalk Optix] 간단하게 따라해보는 재사용 가능한 UI 개체 만들기

안녕하세요.
Rockwell Automation 공식 공인 대리점, 위너스오토메이션(Winners Automation)입니다.

Rockwell Automation 공식 공인 대리점, 위너스오토메이션(Winners Automation)입니다.

오늘은 FactoryTalk Optix에서 실무자들이 가장 자주 사용하는 기능 중 하나인
“재사용 가능한 UI 개체(Reusable UI Component)”를 만드는 방법을 소개합니다.

Optix는 기존의 FactoryTalk View와는 다른 모던 HMI 개발 방식을 채택하고 있어,
UI를 효율적으로 사용하려면 컴포넌트 기반 개발(Component-based development)을 이해하는 것이 매우 중요합니다.

이번 영상은
초보 엔지니어부터 SCADA/HMI 디자이너까지 모두 활용 가능한
가장 쉬운 컴포넌트 제작 예제를 다룹니다.
인터락 버튼(Interlock Button)을 중심으로 UI를 묶고,
속성을 연결하고, 재사용형 컴포넌트로 만드는 전체 과정을 보여줍니다.


📘 정의: 재사용 가능한 UI 개체란?

FactoryTalk Optix 개발 환경에서 여러 UI 요소(Button, Panel, Layout)가 하나의 컴포넌트로 묶여 있는 모습을 표현한 일러스트. 속성, 태그, 이벤트, 스타일, Dynamic Link 등 UI 컴포넌트 내부 구성 요소를 상징하는 아이콘이 함께 표시되어 재사용 가능한 UI 개체의 개념을 나타낸 이미지.

재사용 UI 개체란 “여러 화면에 반복해서 사용할 수 있는 블록”이라고 보면 됩니다.
한 번 만들어 두면 복사-붙여넣기 대신,
드래그로 끌어다 쓰기만 하면 되는 UI 묶음입니다.


FactoryTalk Optix에서는 특정 UI 요소(Button, Panel, Layout 등)에

  • 속성(Properties)

  • 변수(Tag)

  • 이벤트(Event)

  • 그래픽 스타일

  • Dynamic Link

을 포함한 “하나의 컴포넌트”로 묶어
다른 화면(Screen)이나 다른 프로젝트에서도 사용할 수 있도록 지원합니다.

즉, Optix의 Component 기반 UI 아키텍처
SCADA 개발의 생산성과 유지보수성을 크게 높이는 핵심 기능입니다.


🎥 영상으로 따라해 보는 UI 개체 제작 과정

FactoryTalk Optix 개발 환경 화면. 왼쪽에는 프로젝트 트리, 중앙에는 빈 캔버스, 오른쪽에는 속성 패널이 표시된 기본 UI 구성.

✔ 1) UI 요소들을 화면에 배치하는 과정

영상에서는 여러 UI 블록(버튼 형태로 보이는 구성)이
레이아웃 안에 정리되어 배치되는 부분을 확인할 수 있습니다.


✔ 2) 특정 UI 묶음을 하나의 그룹처럼 구성하는 장면

FactoryTalk Optix 속성 패널에서 컴포넌트 이름과 속성이 표시된 화면. 생성된 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 구조 설계부터 컴포넌트 구성까지 도움을 드릴 수 있어요.

FactoryTalk Optix 구축은 위너스오토메이션에게
FactoryTalk Optix 구축은 위너스오토메이션에게

🔗 홈페이지 바로가기
https://winsauto.com/

🔗 카카오톡 기술 상담
http://pf.kakao.com/_pxcugxb

Share article

(주)위너스오토메이션