다음을 통해 공유

사용자 지정 탐색기 제공: TreeView 컨트롤 사용

  • 아티클

업데이트: 2007년 11월

TreeView 컨트롤을 사용하여 Windows 탐색기처럼 작동하는 응용 프로그램 인터페이스를 디자인할 수 있습니다. 인터페이스의 왼쪽에는 부모 폴더에서 자식 폴더로 분기되는 Windows 디렉터리와 비슷한 노드 계층 구조를 표시하고 오른쪽에는 노드와 연결된 항목을 표시할 수 있습니다. 예를 들어 각 Visual Basic 포럼 웹 페이지의 노드를 표시하는 TreeView 컨트롤을 추가할 수 있습니다. 사용자가 노드를 선택할 때 WebBrowser 컨트롤에 해당 웹 페이지를 표시할 수 있습니다.

노드에는 부모 노드, 자식 노드 및 루트 노드의 세 가지 유형이 있습니다. 계층 구조의 맨 위에 있는 노드를 루트 노드라고 합니다. 계층 구조에서 루트 노드 바로 아래에 있으며 하나 이상의 노드가 포함된 노드는 부모 노드입니다. 계층 구조에서 다른 노드 바로 아래에 표시되는 노드는 자식 노드입니다. 자식 노드를 추가하면 부모 노드는 자동으로 확장 및 축소됩니다.

실습

탐색기를 만들려면

  1. 파일 메뉴에서 새 프로젝트를 클릭합니다.

    새 프로젝트 대화 상자가 나타납니다.

  2. Windows Forms 응용 프로그램, 확인을 차례로 클릭합니다.

  3. 폼을 클릭하고 속성 창에서 다음 속성을 변경합니다.

    속성

    값

    Text

    포럼 탐색기

    Size

    764, 564

  4. 폼에 TreeView 컨트롤을 추가하고 속성 창에서 다음 속성을 변경합니다.

    속성

    값

    Dock

    Left

    Size

    190, 530

  5. Nodes 속성을 클릭하고 해당 속성 옆의 줄임표 단추(...)를 클릭하여 TreeNode 편집기를 엽니다.

  6. TreeNode 편집기에서 루트 추가를 클릭하고 루트 노드의 Text 속성을 Visual Basic 포럼으로 변경합니다.

  7. 자식 추가를 세 번 클릭하여 루트 노드에 세 개의 자식 노드를 추가하고 다음 표에 표시된 대로 각 노드의 Text 속성을 변경합니다.

    노드

    값

    Node1

    Visual Basic Express Edition

    Node2

    Visual Basic IDE

    Node3

    Visual Basic 언어

  8. 확인을 클릭합니다.

  9. 폼에 WebBrowser 컨트롤을 추가합니다.

    기본적으로 WebBrowser 컨트롤은 폼의 나머지 공간을 채웁니다.

  10. TreeView 컨트롤을 두 번 클릭하여 코드 편집기에 기본 이벤트 처리기를 입력합니다.

  11. TreeView1_AfterSelect 이벤트 처리기에 다음 코드를 추가합니다. 이 코드는 선택한 노드의 텍스트를 확인하고 WebBrowser 컨트롤에 해당 웹 페이지를 표시합니다.

    참고:

    이 예제에서는 URL 리디렉션 시스템을 사용하는 연결인 정방향 연결을 사용하지만 표시할 웹 페이지의 URL을 사용할 수도 있습니다. URL 리디렉션 시스템은 Microsoft에서 오래된 연결을 방지하는 데 사용됩니다.

    		 
    Select Case e.Node.Text
    Case "Visual Basic Forums"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82999")
    Case "Visual Basic Express Edition"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82994")
    Case "Visual Basic IDE"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82996")
    Case "Visual Basic Language"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82997")
End Select

  12. F5 키를 눌러 프로그램을 실행합니다.

    폼이 나타나면 Visual Basic의 주 포럼 웹 페이지가 표시됩니다.

  13. 루트 노드 옆의 더하기 기호(+)를 클릭하고 자식 노드를 클릭하여 해당 웹 페이지를 봅니다.

다음 단계

이 단원에서는 TreeView 컨트롤을 사용하여 Windows 탐색기처럼 작동하는 응용 프로그램을 만드는 방법을 배웠습니다.

다음 단원에서는 원하는 경우 WPF(Windows Presentation Foundation)를 사용하여 Windows 기반 응용 프로그램의 모양을 만드는 또 다른 방법에 대해 배울 수 있습니다. 이 단원을 건너뛰려면 프로그램이 올바르게 작동하지 않을 때: 디버깅을 통한 오류 찾기 및 수정 단원에서 Visual Basic 도구를 사용하여 프로그램의 오류(대개 버그라고 함)를 찾고 수정하는 방법에 대해 배울 수 있습니다.

다음 단원: 프로그램의 모양 만들기: Windows Presentation Foundation 소개

참고 항목

참조

TreeView 컨트롤 개요(Windows Forms)

기타 리소스

프로그램의 모양 만들기: Windows Forms 소개