애니메이션 레이블(AnimatedLabel) 활용하기

Designer

애니메이션 레이블(AnimatedLabel) 활용하기

※ 해당 기능을 활용하기 위해서는 최신 버전의 X-SCADA AI가 필요합니다.


X-SCADA AI에서 텍스트의 움직임을 표현할 수 있는 애니메이션 레이블(AnimatedLabel)이 추가되었습니다.

텍스트를 표현할 때 고정되어 있는 형태로만 표현하는 것이 아니라 다양한 움직임을 줘서 더 많은 시각화 응용이 가능하도록 개선되었습니다.






1. X-SCADA AI Designer에서 객체 활용하기

1) X-SCADA AI Designer에서 애니메이션 레이블을 추가하고자 하는 프로젝트를 제작 및 실행한다. 

e7bf06e3b872ddad1cc90ea765e50986_1740390985_3665.png
 


2) 상단 도구모음에서 애니메이션 레이블(AnimatedLabel) 객체를 추가한다.

e7bf06e3b872ddad1cc90ea765e50986_1740390993_4987.png
 


3) 객체 추가 후 속성(Properties)에서 애니메이션(Animation) 항목에서 종류(Type)와 이동 속도(Movement Speed)를 설정한다.

e7bf06e3b872ddad1cc90ea765e50986_1740391003_2649.png
 

■ 애니메이션(Animation)

- 이동 속도(Movement Speed) : 텍스트의 애니메이션 속도를 설정한다. (Slow/Normal/Fast)

- 종류(Type) : 텍스트의 애니메이션이 움직이는 방향을 설정한다. (Up/Down/Left/Right)



4) 기존 작화에 어울리도록 모양(Appearance), 바인딩(Binding), 텍스트(Text) 등을 설정한다.

e7bf06e3b872ddad1cc90ea765e50986_1740391010_8428.png
 


5) 화면에 다른 애니메이션 레이블(AnimatedLabel)들을 추가로 생성 및 설정한 뒤 프로젝트를 저장한다.

e7bf06e3b872ddad1cc90ea765e50986_1740391017_0515.png
 



2. X-SCADA AI Viewer로 실행하기

1) 설정 및 저장한 프로젝트를 X-SCADA AI Viewer로 실행한다.

e7bf06e3b872ddad1cc90ea765e50986_1740391032_2334.png
 


2) 애니메이션 레이블(AnimatedLabel) 객체가 설정한대로 잘 움직이는지 확인한다.

e7bf06e3b872ddad1cc90ea765e50986_1740391039_4165.png
 



3. 속성에서 다양하게 설정하기

1) 속성(Properties)에서 애니메이션 종류(Animation Type)와 이동 속도(Movement Speed) 등을 다양하게 설정한 뒤 잘 동작하는지 확인한다.

· 애니메이션 레이블(AnimatedLabel)은 웹(WEB)에서도 동일하게 동작하는 것을 확인한다.

e7bf06e3b872ddad1cc90ea765e50986_1740391059_3138.gif
 

0 Reply Comment
Title