DevExpress 강좌3-3 (Document Demo)

1. DevExpress 강좌3-3 (Document Demo)

- 이전 데모를 기반으로 문서관리자(Document Manager)에 대해 알아보겠습니다.

 

(1) 기본 데모 프로그램

- MDI 프로그램 자동기능입니다.

- 데모 프로젝트는 이미 두개의 MDI 자식 Form으로 구성되어 있으며, 이제 양식에 문서관리자(DocumrntManager)의 컴포넌트를 드래그 드롭하여 태그메뉴를 불러옵니다.

<선택후 화면>

- 기존 MDI 레이아웃을 선호하는 경우 View 유형을 기본 MDI View로 변경 할 수 있습니다.

(2) 프로그램 실행

- 프로그램 실행후 자식 MDI 생성(Create MDI Child)을 만듭니다.

- 이제 윈도우창에서 사용할 수 있는 탭 인터페이스를 사용합니다.

- 자식 MDI 창 사이를 전환하는 컨트롤 탭을 사용하면 MDI 자식 Form을 사용하는 자동 메커니즘에 의존하는 대신 탭을 드래그 하여 부동 창 또는 도킹 레이아웃을 만들 수 있습니다.

< Create MDI Child 4번 선택후 화면>

< 임의 탭을 선택후 드래그 화면>

< 드래시 도킹 레이아웃 선택 화면>

< 도킹 레이아웃 선택 >

(3) 프로그램 수정

- 예를 들어 문서 관리자(DocumentManger) 및 해당 View에서 API를 직접 사용할 수도 있습니다.

- 수정 코드 접근방식의 한가지 장점은 Form 사용자 컨트로뿐만 아니라 사용자 커트롤에서도 사용할 수 있다는 것입니다.

- 사용자 컨트롤은 더 가볍고 재사용이 가능합니다. 프로젝트에서 더 쉽게 문서관리자(DocumentManager)는 View에 추가한 각 컨트롤에 대한 문서를 생성합니다. 문서추가 메서드는 이 문서를 반화하고 설정을 변경할 수 있습니다.

- 예를 들어 새 문서에 두가지 속성을 설정했습니다.

(4) 프로그램 실행

- 윈도우에서 문서설정이 인식되므로 캡션에 숫자가 포함되고 탭에는 더이상 닫기버튼(X)이 없습니다.

- 런타임시 여러문서유형을 관리하는 애플리케이션에서는 탭 또는 MDI 인터페이스에서 코드로 문서를 생성하고 구성할 가능성이 높습니다. 하지만 디자인  타임에 문서를 생성하는 것도 가능합니다.

(5) 프로그램 수정

- 문서관리자(documentManager1)에서 태그메뉴를 통해 'Run Designer' 선택합니다.

- Documents -> Populate 클릭

- Populate 클릭으로 모든 양식과 사용자 컨트롤에 대한 문서가 생성됩니다.

- Populate 버튼 선태후 백그라운드에 있는 Form 화면을 보면 탭 인터페이스에 이미 두 문서에 대한 자리 표시자가 표시되어 있지만 한 단계는 런타임시 콘테츠 컨트롤의 구성이 남아 있습니다. (팝업창 종료 : Close)

- 자동 생성된 코드 입니다.

(6) 프로그램 실행 화면

< 첫번째 탭 >

< 두번째 탭 >

- 두번째 탭 선택시 대기화면(로드화면)이 표시되고 문서 화면으로 이동 합니다.

(7) 프로그램 수정

- 디자이너(Run Designer)를 불러 레이아웃 페이지를 번화합니다.

- 두번째 탭창을 끌어서 첫번째 하위 창 옆에 고정합니다. (이 기능은 동작과 유사합니다.)

- 대화 팝업창 종료하고, 문서 관리자 태그메뉴의 링크를 클릭하여 문서관리자를 추가합니다.

< 추가된 DockManager >

- dockManager1에 패널에서 왼쪽에 두개, 오룬쪽에 하나를 추가 합니다.

- 'Add Panel at Left' - 두번 클릭

- 'Add Panel at Right' - 한번 클릭

(8) 프로그램 실행

- 프로그램 실행후 탭를 드래그 해서 이동, 합치기 하여 통합되는 창을 확인할 수 있습니다.

< dockPanel2 이동후 dockPanel1과 합치기 >

< secendMDIChild를 드래그하여 ChildForm에 합치기 >

< dockPanel3 드래그하여 ChildForm에 합치기 >

< 최종 화면 >

 

2. 소스

sample_3_06.zip

0.08MB