DevExpress 강좌3-6 (Layout Demo)

1. DevExpress 강좌3-6 (Layout Demo)

- 이번 데모는 리본과 여러편집기의 레이아웃뿐만 아니라 여러 도크 패널을 포함하는 프로젝트를 시작해 보겠습니다.

 

(1) 기본 프로그램

- 리본제어 레이아웃 제어 및 도크 관리자는 이전 강좌에서 언급한 API 메서드를 지원합니다.(저장방법이 있습니다.)

- 이를 바탕으로 모든 사용자 정의 컨트롤 특정 지속성 메카니즘은 스트림 지속성을 사용하여 구현될 수 있습니다. 또한 여러 옵션 셋트를 결합하여 데이터베이스에 저장할 수도  있습니다.

- 도구상자 -> beha 검색 -> 마우스 더블클릭

- 추가된 동작 대화상자를 열기 (BehaviorManager 작업 -> Edit Behaviors)

- 지속성 추가 레이아웃 컨트롤을 가리키는 대상 속성으로 동작경로에 대해 settings.xml을 입력하고 확인을 클릭합니다.

 

(2) 프로그램 실행

- 실행하고 임의로 레이아웃을 변경하여 자용자 정의합니다.

- 마우스 오른쪽 클릭후 Customize Layout 선택

- 'No Image data' 아이콘를 드래그 해서 윗쪽에 배치 ( 위치 이동 )

- 'First Order Date' 오른쪽 마우스 클릭후 'Create Tabbed Group' 선택

 

- 실행 프로그램 종료하고, 다시 실행시 설정값을 다시 가져오는지 확인합니다.

- 레이아웃 변경사항이 복원되면 동작 대화상자에서 컨트록 계층구조와 함계 지속성 동작을 사용할 수도 있습니다.

 

(3) 프로그램 수정

- 이제 저장소 하위 레이아웃을 true로 설정하여 동작이 양식을 결합합니다.

- 하나의 설정파일에 있는 모든 컨트롤 양식을 참조하도록 대상속성을 변경합니다.

- BehaviorManager 동작 -> Edit Behaviors 선택

 

(4) 프로그램 실행

- 프로그램 실행하고, 다시 닫으면 런타임 폴더에 있는 settings.xml 파일을 볼 수 있습니다.

 

(5) 수정

- 모든 파일 표시  클릭

- bin 폴더 -> Debug 폴더 -> settings.xml 더블클릭

- 내용을 보면 양식에서 세가지 주요 구성요소에 대한 노드를 찾을 수 있습니다.

 

- 기본폼에서 동작 관리자( BehaviorManager)를 제거하고 추가합니다. 작업공간메뉴항목을 리본으로 변경하고 해당 캡션을 작업공간으로 변경합니다.

 

- 이 항목은 런타임에 메뉴로 표시되며 해당 속성을 ShowSaveLoadCommands -> ture로 설정하여 전체 기능 세트를 활성화합니다.

- 작업공간관리자 구성요소가 양식에 추가되어있습니다.

- 이 시점에서 자동으로 구성요소에서 추가 설정을 찾을 수 있습니다.

- 변경된 TargetControl -> true 로 저장하여 할당된 TargetControl의 설정이 하위 컨트롤의 설정과 함께 유지되도록 변경된 이벤트 작업공간컬렉션에 대한 이벤트 핸들러를 추가합니다.

- 코드는 모든작업 공간을 단일파일에 저장합니다.

- 개별 공간을 유지하거나 스트림에 저장하여 어플리케이션 시작시 작업공간을 로드할 수도 있습니다. 또한 양식의 로드 이벤트에 코드 줄을 추가합니다.

- 작업공간 메뉴 작업공간을 캡처하고 복원할 수 있습니다.

(6) 프로그램  실행

- 레이아웃을 저장할 파일 설정

- Default 로 설정

- 드래그 이동

- 마우스 오른쪽 클릭

- 전과 같이 변경합니다.

- 'No Image data' 이동, 'First Order Date' -> 'Create Tabbed Group" 설정

 

- 두번짹 작업공간 탭쳐합니다. (Secondary로 저장)

 

- 이제 메뉴 항목을 사용하여 두 작업 공간 간에 전환할 수 있습니다.

- 1. Default 선택시

- 2. Secondary선택시

 

2. 프로그램 소스

sample_3_14.zip

0.03MB