객체-Effect Opacity

Designer

객체-Effect Opacity

 


 

X-SCADA 객체-Effect Opacity


특정 객체의 불투명도를 조정할 수 있다.



불투명도 조절에는 Opacity, Fill Opacity, Stroke Opacity가 있다. 보통 객체의 Storke와 Fill의 경계가 모호하거나 없는 경우 Opacity 효과를 주게 된다. EX)차트, 사진, 트렌드뷰


1. Opacity 설명

1) Opacity

● Tag 영역

■ Tag : 효과를 제어할 Tag를 지정한다. (아날로그 타입)

■ Min : 제어값의 최솟값을 설정한다. 실제 태그의 값이 이 값보다 작으면 이 값을 최솟값으로 인식한다.

■ Max : 제어값의 최댓값을 설정한다. 실제 태그의 값이 이 값보다 크면 Max 값을 최댓값으로 인식한다.

● Effect 영역

■ Opacity: 최대 불투명도를 설정한다. (1 -> 0% 투명(매우 선명), 0-> 100% 투명)



1. Opacity 샘플 만들어보기

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

1) 배경 설정

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

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

2) 배경을 클릭하고 속성 편집 Appearance 영역의 Opacity를 0.2로 변경한다.

(속성 편집이 보이지 않는다면 보기 메뉴에서 속성 편집을 클릭한다.)

3) 태그 탐색기에서 아날로그 태그 1개를 만든다.

4) 배경을 더블클릭하면 객체 설정 창을 열 수 있다.

(1) Effect 영역에서 Opacity 항목을 클릭하고 체크박스를 누른다. 항목을 클릭하고 우측 영역의 값을 다음과 같이 설정한다.

● Tag

■ Tag -> analog_1

■ Min -> 0

■ Max -> 100

● Effect

■ Opacity -> 1

(2) Action 영역에서 Click – Value 항목을 클릭하고 체크박스를 누른다. 항목을 클릭하고 우측 영역의 값을 다음과 같이 설정한다.

● Tag

■ Mode -> Input

■ Tag -> analog_1



5) F5를 눌러 뷰어를 실행한다.

● 배경을 클릭해 태그값을 변경할 수 있는 창을 열어보자.




ps) 태그의 상태를 알아보기 위해 아래 절차를 따라한다.


(1) View 메뉴의 Tag Status를 클릭한다.

 


(2) 아래와 같은 화면이 나타나면 태그값을 볼 수 있다.


0 Reply Comment
Title