애니메이션-선 색상 변화

X-SCADA

애니메이션-선 색상 변화

애니메이션-선 색상 변화

​

애니메이션 기능에서 선 색상 변화를 사용할 수 있다.

​


1. 선 색상 변화 설명

​

   1) 선 색상 변화

   ● Color: 객체가 변화할 선 색상을 설정한다.

​

​


2. 선 색상 변화 샘플 만들어보기

(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 Design 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

​


  1) 배경을 설정한다.

​

    (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다.

                               

 

    (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다.


​

   (3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다.

​


    (4) 생성한 이미지 객체를 객체 탐색기에서 잠근다.

​



   2) 직사각형 객체를 하나 생성한다.

​


  3) 생성한 직사각형 객체의 선 두께를 25로 설정한다.

​


  4) 태그 탐색기에서 디지털 태그를 하나 추가한다.

​

​

   5) 레이블 객체를 하나 생성한다.

​


  6) 생성한 레이블 객체를 더블클릭해 객체 설정 창을 연다.


  7) 아래와 같이 설정한다.

​

   8) 레이블 객체의 속성을 아래와 같이 바꾼다.

​

   9) 보기 메뉴에서 애니메이션 편집을 클릭한다.

​

​

   10) 애니메이션 편집에서 조건을 추가한다.

​

​

   11) 애니메이션을 줄 객체를 선택한다.

​

​

   12) 애니메이션 편집에서 선 색상 변화를 추가한다.

   13) 변화시킬 선 색상을 선택한다.

​

​

   14) 실행 시간 탭을 아래와 같이 편집한다.

   ● 지연 시간 -> 2

   ● 실행 속도 -> 0.5

   ● 반복 횟수 -> 4

   ● 자동 되감기 -> (체크됨)

​


   15) 실행이나 F5를 눌러 뷰어를 연다.

​

   16) 보기 메뉴를 눌러 태그 상태를 클릭한다.

​

레이블을 클릭함으로써 digital 태그가 바뀌는 걸 볼 수 있다. 또한 애니메이션 조건인 digital_1 태그의 값에 맞춰 애니메이션 효과가 실행되는 걸 알 수 있다.

​

 
0 Comments