트리메뉴 퍼블리싱 기본
트리메뉴 퍼블리싱에 관련된 기본 정보를 제공한다.
트리메뉴 컴포넌트는 메뉴를 트리 형태로 표시하는 기능을 제공한다.
트리메뉴 용어 정의
트리메뉴의 영역별 용어에 대한 정의는 아래와 같다.
| 용어 | 설명 |
|---|---|
| 트리메뉴 아이템 | 트리메뉴의 각 메뉴를 선택하기 위한 영역 |
| 트리메뉴 아이템 영역(Area) | 메뉴별 아이콘/텍스트/상태이미지를 표시하기 위한 영역(itemarea로 시작되는 속성 사용) |
| 트리메뉴 아이템 차일드박스(ChildBox) | 메뉴별 하위메뉴를 담는 차일드 패널을 표시하기 위한 영역(childbox로 시작되는 속성 사용) |
| 트리메뉴 아이템 차일드패널(ChildPanel) | 메뉴별 하위메뉴를 표시하기 위한 영역(childpanel로 시작되는 속성 사용) |
트리메뉴 아키텍처
트리메뉴 컴포넌트는 상위 메뉴가 하위 메뉴를 감싸는 형태로 구성된다.
트리메뉴 생성과 삭제
트리메뉴 생성
트리메뉴 생성 방법은 아래와 같다.
- “컴포넌트”창 이용 방법
- “컴포넌트” 창에서 트리메뉴 컴포넌트 선택
- 화면 캔버스내 생성 위치를 클릭(컴포넌트 초기값 설정에 설정된 크기로 생성됨)
트리메뉴 삭제
트리메뉴 삭제는 아래의 방법중 한가지를 사용합니다.
- 트리메뉴 클릭후, 키보드 <DELETE> 입력
- 트리메뉴 클릭후, 키보드 <CONTROL> + “D” 입력
- 트리메뉴 우클릭후, 컨텍스트 메뉴에서 “삭제” 메뉴 선택
트리메뉴 주요 속성
트리메뉴 컴포넌트 주요 속성은 아래와 같다.
| 용어 | 설명 |
|---|---|
| back_color | 배경색 설정 |
| border | border 스타일 선택 |
| text_wordellipsis | 문자열이 컬럼넓이 보다 길경우 생략기호로 표시할지 여부 |
| letter_spacing | 글자간 간격 (단위 정보까지 값 설정, 예: 3px, 2em) |
| word_spacing | 단어간 간격 (단위 정보까지 값 설정, 예: 3px, 2em) |
| menu | 트리 메뉴 단계별 정보 설정 |
| root_item_dir | 루트메뉴 배치방향 |
트리메뉴 펼침효과
트리메뉴 컴포넌트의 메뉴 펼침효과 관련 속성은 아래와 같다.
| 용어 | 설명 |
|---|---|
| expand_effecttype | 하위메뉴 보이기/숨기기 애니메이션 효과 |
| effect_duration | 하위메뉴 보이기/숨기기 애니메이션 효과 속도(ms) |
| expand_type | 메뉴 펼침형태(2는 루트메뉴만 해당, 3으로 지정지 expand 처리를 수행하지 않음) |