방법: Windows Forms를 사용하여 다중 창 사용자 인터페이스 만들기

폼에 컨트롤을 정렬하면 폴더 목록, 메시지 창, 미리 보기 창이 포함된, Microsoft Outlook에서 사용된 것과 유사한 다중 창 사용자 인터페이스를 만들 수 있습니다. 이 정렬은 주로 폼을 사용하여 고정 컨트롤을 통해 수행됩니다.

컨트롤을 고정할 때 컨트롤이 고정되는 부모 컨테이너의 가장자리를 결정합니다. Dock 속성을 Right에 설정하면 컨트롤의 오른쪽 가장자리가 부모 컨트롤의 오른쪽 가장자리에 도킹됩니다. 또한 컨트롤의 고정된 가장자리는 컨테이너 컨트롤의 가장자리와 일치하도록 크기가 조정됩니다. Dock 속성의 작동 방식에 대한 자세한 내용은 방법: Windows Forms 컨트롤 도킹을 참조하세요.

이 절차는 애플리케이션이 Microsoft Outlook을 모방하기 위한 기능 추가가 아니라 양식에서 SplitContainer 및 다른 컨트롤 정렬에 중점을 둡니다.

Outlook 메일 창처럼 보이도록 디자인된 양식.

이 사용자 인터페이스를 만들려면 SplitContainer 컨트롤 내에 모든 컨트롤을 배치합니다. SplitContainer는 왼쪽 패널의 TreeView 컨트롤과 오른쪽 패널의 다른 SplitContainer를 포함합니다. 두 번째 SplitContainer는 상단의 ListView 컨트롤과 하단의 RichTextBox 컨트롤을 포함합니다.

이러한 SplitContainer 컨트롤을 사용하면 폼의 다른 컨트롤 크기를 독립적으로 조정할 수 있습니다. 이 절차의 기술을 조정하여 고유한 사용자 지정 사용자 인터페이스를 만들 수 있습니다.

컨트롤 레이아웃

다음 표에서는 컨트롤이 Microsoft Outlook을 모방하도록 구성된 방법을 설명합니다.

제어 속성
SplitContainer Name splitContainer1
Dock Fill
TabIndex 4
SplitterWidth 4
SplitterDistance 100
Panel1.Controls 이 패널에 treeView1 컨트롤을 추가합니다.
Panel2.Controls 이 패널에 splitContainer2 컨트롤을 추가합니다.
TreeView Name treeView1
Dock Fill
TabIndex 0
노드 새 노드(Node0) 추가
SplitContainer Name splitContainer2
Dock Fill
TabIndex 1
SplitterWidth 4
SplitterDistance 150
방향 Horizontal
Panel1.Controls 이 패널에 listView1 컨트롤을 추가합니다.
Panel2.Controls 이 패널에 richTextBox1 컨트롤을 추가합니다.
ListView Name listView1
Dock Fill
TabIndex 2
항목 새 항목을 추가하고 텍스트를 item1로 설정합니다.
RichTextBox Name richTextBox1
Dock Fill
TabIndex 3
텍스트 richTextBox1

참고 항목