[신규] Treeview 컨트롤 추가

X-SCADA

[신규] Treeview 컨트롤 추가

이원종책임 0 243

Treeview 컨트롤 추가




- 트리뷰 컨트롤 추가 버튼

1e158f6e239d4733e8c812ac6daf1db9_1712911928_291.PNG
 


- 디자인 화면

1e158f6e239d4733e8c812ac6daf1db9_1712912545_1568.PNG
 



-속성

1e158f6e239d4733e8c812ac6daf1db9_1712912603_3032.PNG
# TreeView

 - 노드 : 노드 추가, 삭제, 속성을 편집하는 창을 띄운다

 - 애니메이션 : 자식 노드를 펼칠 때 애니메이션을 사용할지 선택한다


# 모양

 - 배경색 : 노드가 없는 트리뷰 배경 색을 설정한다

 - 버튼 높이 : 노드의 높이를 설정한다

 - 버튼 색상 : 노드의 기본 배경 색상을 설정한다

 - 선택 버튼 색상 : 노드가 선택됐을 때의 배경 색상을 설정한다

 - 선택 전경 색상 : 노드가 선택됐을 때의 전경 색상을 설정한다

 - 전경색 : 노드의 기본 전경 색상을 설정한다

 - 접기 버튼 : 접기 버튼 종류를 선택한다

    * Cross : 십자가 버튼

    * RectCross : 네모 십자가 버튼

    * AngleBracket : 꺽쇠 버튼

    * RectAngleBracket : 네모 꺽쇠 버튼

    * Folder : 폴더 모양 버튼


 - 테두리 색상 : 노드의 테두리 색상

 - 트리 유형 : 

    * Button : 버튼 형식

    * Branch : 가지 형식


 - 폰트 : 노드의 폰트를 설정한다

 - 호버 버튼 색상 : 마우스가 올라간 버튼의 배경 색상을 설정한다


# 바인딩

 - 선택 태그 : 선택된 노드의 값을 입력할 태그를 설정한다

 - 클릭 태그 : 클릭된 노드의 값을 입력할 태그를 설정한다




-노드 편집

1e158f6e239d4733e8c812ac6daf1db9_1712912617_834.PNG

# 동작

 - 선택 가능 : 사용자가 클릭했을 때 버튼이 선택될지 여부를 설정한다

# 모양

 - 이미지 : 버튼의 아이콘 이미지를 설정한다

# 일반

 - 값 : 클릭 액션 설정 시 태그에 넣을 값을 설정한다

 - 텍스트 : 화면에 표현할 텍스트를 설정한다




- 클릭 액션 설정

1e158f6e239d4733e8c812ac6daf1db9_1712912634_8244.PNG
 ※ "클릭 - 페이지 제어" 기능의 실행 모드에 대상 프레임을 지정할 수 있는 "Frame" 모드가 추가 됨




- 실행 화면

1e158f6e239d4733e8c812ac6daf1db9_1712912656_9369.gif
 

0 답글