====== 화면 추가 ======

프로젝트 트리의 화면추가 옆 + 아이콘을 누르면 화면을 추가할 수 있습니다.

{{ :comfilestudio:add_page:addscreendesc.png?nolink }}

화면 추가 시 화면의 배경을 설정할 수 있는 다이얼로그 박스가 표시됩니다.  

화면 이름도 이곳에서 변경할 수 있습니다.

{{ :comfilestudio:add_page:screenaddexplain2.png?nolink }}

++++[배경 이미지 속성 설정방법]|
===== 배경설정 : 단색 =====

<단색>은 한 가지 색으로 배경색을 설정하는 방식입니다.

{{ :comfilestudio:add_page:screenaddexplain3.png?nolink }}

===== 배경설정 : 그라데이션 =====

<그라데이션>은 하나의 색상에서 다른 색상으로 자연스럽게 변화하도록 배경을 설정하는 방식입니다.

{{ :comfilestudio:add_page:screenaddexplain4.png?nolink }}

===== 배경설정 : 파일로부터 =====

<파일로부터>는 이미지 파일을 불러와 배경으로 사용하는 방식입니다.  
포토샵 등 그래픽 툴에서 제작한 이미지를 배경으로 활용할 수 있습니다.

{{ :comfilestudio:add_page:screenaddexplain6.png?nolink }}

아래는 사전에 제작한 배경 이미지를 활용하여 값만 표시하도록 구성한 예입니다.

{{ :comfilestudio:add_page:green1.png?nolink }}

배경 이미지를 먼저 제작한 후, 그 위에 컨트롤을 배치하여 구성할 수 있습니다.

{{ :comfilestudio:add_page:green2.png?nolink }}

{{ :comfilestudio:add_page:green3.png?nolink }}

===== 배경설정 : 클립보드로부터 =====

<클립보드로부터>는 다른 프로그램에서 Ctrl+C로 복사한 이미지를 바로 배경으로 불러오는 기능입니다.

++++

===== 화면 위치 조정 =====

화면이 여러 개일 경우, 가장 위에 위치한 화면이 HMI 전원 인가 시 가장 먼저 표시됩니다.

{{ :comfilestudio:add_page:startscreen.png?nolink }}

다른 화면을 먼저 표시하려면 화면 위치를 변경해야 합니다.  
이동하려는 화면의 우측 아이콘을 클릭한 후 <위로 이동>을 선택하십시오.

{{ :comfilestudio:add_page:screenmove.png?nolink }}

가장 위에 위치하면 해당 화면이 HMI 파워온 시 최초 화면이 됩니다.

{{ :comfilestudio:add_page:screenmove2.png?nolink }}



[[..:index|Comfile Studio]]