====== 시각화 사전준비 ======

===== 유니코드 활성화 =====
한글 사용을 위해서 Visualization Manager에서 유니코드를 활성화 (Use Unicode strings)를 체크해 주어야합니다.

{{ :codesysmanual:unicodeenable.png?nolink |}}

===== 스타일 결정 =====
Style을 바꾸면 화면에 표시되는 요소(Elements)들을 다른 모양으로 바꿀 수 있습니다. 다양한 스타일이 준비되어 있으니 맘에 드시는걸 골라보세요.

{{ :codesysmanual:visustyle.png?nolink |}}

===== 비율 결정 =====

화면에 표시할때, 어떤 비율로 표시할 것인지 결정하는 부분입니다. Isotropic 을 권장합니다.

{{ :codesysmanual:fixsize.png?nolink |}}

  *Fixed : 원래 사이즈
  *Isotropic : 비율을 그대로 유지합니다. <--- 이걸로 하세요.
  *Anisotropic : 화면에 맞추어서 크기가 조정됩니다. 

Update Rate (표시주기)의 시간을 줄이면, 화면갱신속도가 빨라집니다. 단, 그만큼 시스템의 퍼포먼스가 떨어지므로, 적당한 시간으로 설정하는게 좋습니다. (200mS이상 권장)

===== 배경 보더 =====

컴파일 파이의 경우 800 x 480의 화면을 주로 사용하는데, 800x480 사각형을 바탕에 깔아놓고 사용하면 편리합니다. 일단 사각형(Rectangle) 하나를 꺼내서 화면에 놓으세요.

{{ :codesysmanual:backbox.png?nolink |}}

그리고, 위치를 0,0 사이즈는 800,480으로 조정하고, Fill color를 원하는 색으로 변경하면 보더가 완성됩니다.

{{ :codesysmanual:backbox2.png?nolink |}}

그리고 그 위에 원하는 요소(Elements)들을 위치시키면 됩니다.

{{ :codesysmanual:backbox3.png?nolink |}}


===== 다수의 페이지 =====

계속 Visualization을 추가한다면 다수의 페이지를 만들 수 있습니다.
{{ :codesysmanual:addvisu1.png?nolink |}}
{{ :codesysmanual:addvisumulti.png?nolink |}}

보통은 여러개의 페이지를 만들어놓고 각 페이지를 이동하면서 HMI 화면을 구성합니다.

[[codesysmanual:index|CODESYS]]