애니메이션-불투명도 변화

X-SCADA

애니메이션-불투명도 변화

애니메이션-불투명도 변화

​

애니메이션 기능에서 불투명도 변화를 사용할 수 있다.

​


1. 불투명도 변화 설명

​

   1) 불투명도 변화

   ● Opacity: 객체의 불투명도 변화값을 설정한다.

​

​


2. 불투명도 변화 샘플 만들어보기

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

​


  1) 배경을 설정한다.

​

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

​

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

​

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

​

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

​


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

​

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


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


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


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


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

​

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

​

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

​

   10) 애니메이션 편집에서 불투명도 변화를 추가한다.

   11) 불투명도 변화값을 설정한다.

​

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

   ● 지연 시간 -> 2

   ● 실행 속도 -> 1

   ● 반복 횟수 -> 2

   ● 자동 역변화 -> (체크됨)

​


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

​

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

​

​

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


0 Comments