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

  • 아티클

다음 절차에서는 폴더 목록, 메시지 창 및 미리 보기 창을 사용하여 Microsoft Outlook 사용된 것과 유사한 다중 창 사용자 인터페이스를 만듭니다. 이 정렬은 주로 폼을 사용하여 도킹 컨트롤을 통해 수행됩니다.

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

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

이 사용자 인터페이스를 만들려면 왼쪽 패널에 TreeView 컨트롤이 포함된 SplitContainer 컨트롤 내에 모든 컨트롤을 배치합니다. SplitContainer 컨트롤의 오른쪽 패널에는 RichTextBox 컨트롤 위에 ListView 컨트롤이 있는 두 번째 SplitContainer 컨트롤이 포함되어 있습니다. 이러한 SplitContainer 컨트롤을 사용하면 폼의 다른 컨트롤 크기를 독립적으로 조정할 수 있습니다. 이 절차의 기술을 조정하여 고유한 사용자 지정 사용자 인터페이스를 만들 수 있습니다.

디자인 타임에 Outlook 스타일 사용자 인터페이스를 만들려면

  1. 새로운 Windows 애플리케이션 프로젝트를 만듭니다(파일>새로 만들기>프로젝트>Visual C# 또는 Visual Basic>클래식 바탕 화면>Windows Forms 애플리케이션).

  2. 도구 상자에서 SplitContainer 컨트롤을 폼으로 끌어다 놓습니다. 속성 창에서 Dock 속성을 Fill로 설정합니다.

  3. 도구 상자에서 SplitContainer 컨트롤의 왼쪽 패널로 TreeView 컨트롤을 끌어옵니다. 속성 창에서 아래쪽 화살표를 클릭할 때 표시되는 값 편집기에서 왼쪽 패널을 클릭하여 Dock 속성을 Left(으)로 설정합니다.

  4. 도구 상자에서 다른 SplitContainer 컨트롤을 끌어 폼에 추가한 SplitContainer 컨트롤의 오른쪽 패널에 놓습니다. 속성 창에서 Dock 속성을 Fill로 설정하고 Orientation 속성을 Horizontal로 설정합니다.

  5. 도구 상자에서 ListView 컨트롤을 끌어 폼에 추가한 두 번째 SplitContainer 컨트롤의 위쪽 패널에 놓습니다. Dock 컨트롤의 ListView 속성을 Fill로 설정합니다.

  6. 도구 상자에서 RichTextBox 컨트롤을 끌어 두 번째 SplitContainer 컨트롤의 아래쪽 패널에 놓습니다. Dock 컨트롤의 RichTextBox 속성을 Fill로 설정합니다.

    이때 F5 키를 눌러 애플리케이션을 실행하면 양식에 Microsoft Outlook 유사한 3부로 구성된 사용자 인터페이스가 표시됩니다.

    참고

    SplitContainer 컨트롤 내의 분할기 위에 마우스 포인터를 놓으면 내부 차원의 크기를 조정할 수 있습니다.

애플리케이션 개발의 이 시점에서 정교한 사용자 인터페이스를 작성했습니다. 다음 단계는 TreeView 컨트롤과 ListView 컨트롤을 일종의 데이터 원본에 연결하여 애플리케이션 자체의 프로그래밍을 진행하는 것입니다. 컨트롤을 데이터에 연결하는 방법에 대한 자세한 내용은 데이터 바인딩 및 Windows Forms를 참조하세요.

참고 항목