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