如何为WPF TreeView添加属性列以展示文件夹/文件大小等信息

嘿，我来帮你搞定这个问题！要在WPF TreeView里展示文件夹名称+大小这类多属性，核心是自定义TreeView项的模板，而不是直接用默认的文本Header。下面一步步给你讲具体怎么做：

1. 先创建一个数据模型（ViewModel） #

因为直接用DriveInfo或DirectoryInfo不太方便绑定多属性（比如文件夹大小需要自己计算，而且没有现成的绑定属性），所以我们封装一个FileSystemItem类，把需要展示的属性都放进去：

public class FileSystemItem
{
    public string Name { get; set; }
    public string Size { get; set; } // 格式化后的大小，比如"1.2 GB"
    public bool IsDirectory { get; set; }
    public ObservableCollection<FileSystemItem> Children { get; set; }
    // 保留原始对象，方便后续操作（比如获取子目录）
    public object OriginalItem { get; set; }

    public FileSystemItem()
    {
        Children = new ObservableCollection<FileSystemItem>();
    }
}

2. 在XAML里自定义TreeView的项模板 #

我们用HierarchicalDataTemplate来定义每个TreeView项的布局，比如用一个两列的Grid，分别放名称和大小：

<Window.Resources>
    <!-- 定义文件系统项的模板 -->
    <HierarchicalDataTemplate x:Key="FileSystemItemTemplate" ItemsSource="{Binding Children}">
        <Grid Width="Auto">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/> <!-- 名称列占满剩余空间 -->
                <ColumnDefinition Width="120"/> <!-- 大小列固定宽度 -->
            </Grid.ColumnDefinitions>
            <!-- 名称文本 -->
            <TextBlock Grid.Column="0" 
                       Text="{Binding Name}" 
                       Margin="3" 
                       VerticalAlignment="Center"/>
            <!-- 大小文本 -->
            <TextBlock Grid.Column="1" 
                       Text="{Binding Size}" 
                       Margin="3" 
                       VerticalAlignment="Center" 
                       HorizontalAlignment="Right"/>
        </Grid>
    </HierarchicalDataTemplate>
</Window.Resources>

<!-- 引用模板的TreeView -->
<TreeView Name="treeView" 
          Margin="5" 
          ItemTemplate="{StaticResource FileSystemItemTemplate}"/>

3. 修改后台代码，加载驱动器并转换成模型对象 #

原来的代码直接把DriveInfo加到TreeView里，现在要改成创建FileSystemItem对象，同时计算并格式化驱动器的大小：

public void LoadDirectories()
{
    var drives = DriveInfo.GetDrives();
    foreach (var drive in drives)
    {
        // 格式化驱动器大小为"总大小 / 可用空间"
        string sizeText = $"{FormatSize(drive.TotalSize)} / {FormatSize(drive.AvailableFreeSpace)}";
        var driveItem = new FileSystemItem
        {
            Name = drive.Name,
            Size = sizeText,
            IsDirectory = true,
            OriginalItem = drive
        };
        // 添加加载占位符，展开时再替换成真实子项
        driveItem.Children.Add(new FileSystemItem { Name = "Loading..." });
        treeView.Items.Add(driveItem);
    }
}

// 辅助方法：把字节数格式化成易读的单位（B/KB/MB/GB）
private string FormatSize(long bytes)
{
    if (bytes >= 1024 * 1024 * 1024)
        return $"{(bytes / (1024.0 * 1024.0 * 1024.0)):F2} GB";
    else if (bytes >= 1024 * 1024)
        return $"{(bytes / (1024.0 * 1024.0)):F2} MB";
    else if (bytes >= 1024)
        return $"{(bytes / 1024.0):F2} KB";
    else
        return $"{bytes} B";
}

4. 调整展开事件，加载子项并计算文件夹大小 #

原来的Expanded事件需要改成加载真实的子目录和文件，同时调用你已经实现的文件夹大小计算方法：

private void item_Expanded(object sender, RoutedEventArgs e)
{
    var treeItem = sender as TreeViewItem;
    var fsItem = treeItem.DataContext as FileSystemItem;
    if (fsItem == null || !fsItem.IsDirectory) return;

    // 清除加载占位符
    fsItem.Children.Clear();

    try
    {
        if (fsItem.OriginalItem is DriveInfo drive)
        {
            LoadDirectoryChildren(drive.RootDirectory, fsItem);
        }
        else if (fsItem.OriginalItem is DirectoryInfo dirInfo)
        {
            LoadDirectoryChildren(dirInfo, fsItem);
        }
    }
    catch (UnauthorizedAccessException)
    {
        // 处理权限不足的情况
        fsItem.Children.Add(new FileSystemItem { Name = "❌ Access Denied", Size = "" });
    }
}

// 复用方法：加载目录的子项（文件夹+文件）
private void LoadDirectoryChildren(DirectoryInfo dir, FileSystemItem parentItem)
{
    // 加载子文件夹
    foreach (var subDir in dir.GetDirectories())
    {
        long dirSize = CalculateDirectorySize(subDir); // 调用你已有的大小计算方法
        var dirItem = new FileSystemItem
        {
            Name = subDir.Name,
            Size = FormatSize(dirSize),
            IsDirectory = true,
            OriginalItem = subDir
        };
        dirItem.Children.Add(new FileSystemItem { Name = "Loading..." });
        parentItem.Children.Add(dirItem);
    }

    // 加载文件
    foreach (var file in dir.GetFiles())
    {
        var fileItem = new FileSystemItem
        {
            Name = file.Name,
            Size = FormatSize(file.Length),
            IsDirectory = false,
            OriginalItem = file
        };
        parentItem.Children.Add(fileItem);
    }
}

// 你的文件夹大小计算方法（这里假设你已经实现了，直接用就行）
private long CalculateDirectorySize(DirectoryInfo dir)
{
    long size = 0;
    try
    {
        // 累加文件大小
        foreach (var file in dir.GetFiles())
        {
            size += file.Length;
        }
        // 递归累加子文件夹大小
        foreach (var subDir in dir.GetDirectories())
        {
            size += CalculateDirectorySize(subDir);
        }
    }
    catch (UnauthorizedAccessException)
    {
        // 遇到权限问题就跳过该目录
    }
    return size;
}

一些优化建议 #

• 异步计算大小：如果文件夹很大，计算大小会卡住UI，建议用Task.Run在后台线程计算，然后通过Dispatcher更新UI上的Size属性。
• 添加图标：可以在Grid里加一个Image控件，根据IsDirectory属性显示文件夹或文件图标，让界面更像专业的磁盘分析器。
• 实现INotifyPropertyChanged：给FileSystemItem实现这个接口，这样当大小计算完成后，UI会自动刷新，不用手动操作。

内容的提问来源于stack exchange，提问作者Palamar66