사용자 정의 메뉴 활용하기

Designer

사용자 정의 메뉴 활용하기

사용자 정의 메뉴 활용하기


페이지 제어, 로그인, 태그 목록 등 사용자가 원하는 타입의 메뉴를 골라 툴바처럼 활용할 수 있다.


9124dd1b7282d1466ce58aff180be3be_1601258421_2006.png


1. 배경 설정

 1) Designer 상단 도구모음에서 이미지(Image) 클릭 후 작화 화면 전체를 드래그하고 배경화면 이미지를 선택한다.
9124dd1b7282d1466ce58aff180be3be_1601258421_3905.png



 2) 작업 중 배경이 움직이지 않도록 객체 탐색기(Object Explorer)에서 배경화면을 객체 잠금한다.
9124dd1b7282d1466ce58aff180be3be_1601258421_4787.png



2. 태그 생성하기

 1) 태그 탐색기(Tag Explorer)에서 마우스 우측 클릭 후 아날로그 태그(New Analog)와 디지털 태그(New Digital), 문자열 태그(New String)를1개씩 추가한다.
9124dd1b7282d1466ce58aff180be3be_1601258421_5442.png



3. 화면 구성하기

 1) 도구모음에서 텍스트(Text)와 레이블(Label)을 생성한다.

  (1) 도구모음에서 텍스트(Text)와 레이블(Label) 생성 후 아래와 같이 텍스트(Text)의 이름을 변경한다.
9124dd1b7282d1466ce58aff180be3be_1601258421_6176.png



  (2) 생성한 레이블 선택 후 아래와 같이 속성(Properties)에서 태그(Tag)를 바인딩(Binding)한다.
· Digital Lable Tag: digital_1
· Analog Lable Tag: analog_1
· String Lable Tag: string_1
9124dd1b7282d1466ce58aff180be3be_1601258421_6632.png



 2) 각 레이블마다 태그 값 변경을 위한 클릭 이벤트를 설정한다.

  (1) Digital 레이블(Label) 더블클릭 후 클릭 – 태그값 설정(Click – Tag Value)을 체크선택한 뒤 아래와 같이 설정한다.
· Mode: Toggle

· Tag: digital_1
9124dd1b7282d1466ce58aff180be3be_1601258421_758.png



  (2) Analog 레이블(Label) 더블클릭 후 클릭 – 태그값 설정(Click – Tag Value)을 체크선택한 뒤 아래와 같이 설정한다.
· Mode: Input
· Tag: analog_1
9124dd1b7282d1466ce58aff180be3be_1601258421_8568.png



  (3) String 레이블(Label) 더블클릭 후 클릭 – 태그값 설정(Click – Tag Value)을 체크선택한 뒤 아래와 같이 설정한다.
· Mode: Input
· Tag: string_1
9124dd1b7282d1466ce58aff180be3be_1601258421_9732.png



 3) 페이지 탐색기(Page Explorer)에서 새 페이지 생성(New Page) 후 텍스트를 추가한다.

  (1) 페이지 탐색기(Page Explorer)에서 마우스 우측 클릭 후 새 페이지 생성(New Page)을 3번 한다.
9124dd1b7282d1466ce58aff180be3be_1601258422_0378.png



※ 페이지 용량 관계 상, 더 많은 설명을 보시려면 첨부파일 다운로드 바랍니다!



 

[이 게시물은 관리자님에 의해 2020-09-28 13:22:22 User에서 이동 됨]
[이 게시물은 관리자님에 의해 2021-02-22 15:10:15 Designer에서 이동 됨]
[이 게시물은 관리자님에 의해 2021-02-22 15:10:45 Data Export에서 이동 됨]
0 Reply Comment
Title