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

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

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

이 절차는 양식에서 SplitContainer 및 다른 컨트롤의 배치에 집중하며, Microsoft Outlook을 흉내 내기 위한 기능을 추가하는 것이 아닙니다.

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

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

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

  2. 도구 상자에서 SplitContainer 컨트롤을 폼으로 끕니다. 속성 창에서 해당 속성을 설정합니다.

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

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

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

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

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

    비고

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

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

참고하십시오

  • Last updated on