🗂️ WPF TreeView에 파일/폴더 구조 연동하기

🗂️ WPF TreeView에 파일/폴더 구조 연동하기

이번 포스트에서는 TreeView를 Windows의 실제 파일 시스템과 연동하는 방법을 소개합니다.
폴더 구조 탐색기와 같은 UI를 직접 구현해볼 수 있습니다.

📌 목차

• 1. TreeView 기본 구성
• 2. 디렉터리 및 파일 불러오기
• 3. 폴더 더블 클릭 시 하위 항목 로드
• 4. 아이콘 및 정리

1. TreeView 기본 구성

<TreeView x:Name="FileTree" SelectedItemChanged="FileTree_SelectedItemChanged">
</TreeView>

2. 디렉터리 및 파일 불러오기

private void LoadDirectory(string path, TreeViewItem parent)
{
    try
    {
        foreach (var dir in Directory.GetDirectories(path))
        {
            var item = new TreeViewItem { Header = System.IO.Path.GetFileName(dir), Tag = dir };
            item.Items.Add(null); // 더미 아이템으로 확장 표시
            item.Expanded += Folder_Expanded;
            parent.Items.Add(item);
        }

        foreach (var file in Directory.GetFiles(path))
        {
            var item = new TreeViewItem { Header = System.IO.Path.GetFileName(file), Tag = file };
            parent.Items.Add(item);
        }
    }
    catch { }
}

3. 폴더 더블 클릭 시 하위 항목 로드

private void Folder_Expanded(object sender, RoutedEventArgs e)
{
    var item = sender as TreeViewItem;
    if (item == null || item.Items.Count != 1 || item.Items[0] != null) return;

    item.Items.Clear();
    LoadDirectory(item.Tag.ToString(), item);
}

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    var root = new TreeViewItem { Header = "C:", Tag = "C:\\" };
    root.Items.Add(null);
    root.Expanded += Folder_Expanded;
    FileTree.Items.Add(root);
}

4. 아이콘 및 정리

• 파일/폴더에 따라 이미지 아이콘 설정
• 더블 클릭 대신 선택 시 자동 로드도 가능
• 파일 클릭 시 파일 열기, 경로 복사 기능 연동 가능

✅ 마무리

이제 WPF TreeView를 통해 사용자의 PC 폴더와 파일을 탐색할 수 있게 되었습니다.
다음 편에서는 TreeView에서 선택한 파일을 열거나 복사하는 기능까지 연결해보겠습니다!