사용자 도구

사이트 도구

English

codesysmanual:visuprepare

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
codesysmanual:visuprepare [2020/12/09 17:47]
Comfile Technology [비율 결정]
codesysmanual:visuprepare [2020/12/09 18:07] (현재)
Comfile Technology
줄 7: 줄 7:
  
 ===== 스타일 결정 ===== ===== 스타일 결정 =====
-Style을 바꾸면 화면에 표시되는 ​콘트롤들을 다른 모양으로 바꿀 수 있습니다. 다양한 스타일이 준비되어 있으니 맘에 드시는걸 골라보세요.+Style을 바꾸면 화면에 표시되는 ​요소(Elements)들을 다른 모양으로 바꿀 수 있습니다. 다양한 스타일이 준비되어 있으니 맘에 드시는걸 골라보세요.
  
 {{ :​codesysmanual:​visustyle.png?​nolink |}} {{ :​codesysmanual:​visustyle.png?​nolink |}}
줄 20: 줄 20:
   *Isotropic : 비율을 그대로 유지합니다. <--- 이걸로 하세요.   *Isotropic : 비율을 그대로 유지합니다. <--- 이걸로 하세요.
   *Anisotropic : 화면에 맞추어서 크기가 조정됩니다. ​   *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]]
codesysmanual/visuprepare.1607503626.txt.gz · 마지막으로 수정됨: 2020/12/09 17:47 저자 Comfile Technology