如何在WPF应用中以编程方式添加绑定压缩文件的进度条列表元素

ListBox完全支持嵌入ProgressBar，不需要更换控件，通过自定义ItemTemplate+数据绑定即可实现你要的网格布局、进度绑定和状态更新需求，具体实现步骤如下：

1. 定义数据模型 #

不要直接用字符串数组存储文件名，先封装一个处理项类，实现属性变更通知，用来绑定进度和状态：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class ZipProcessItem : INotifyPropertyChanged
{
    private string _fileName;
    private double _progress;
    private string _statusTip;

    public string FilePath { get; set; } // 存文件全路径，后台处理用

    public string FileName
    {
        get => _fileName;
        set { _fileName = value; OnPropertyChanged(); }
    }

    public double Progress
    {
        get => _progress;
        set { _progress = value; OnPropertyChanged(); }
    }

    public string StatusTip
    {
        get => _statusTip;
        set { _statusTip = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 编写ListBox布局XAML #

通过ItemTemplate自定义列表项的布局，用Grid实现「进度条在前、文件名在后」的两列布局：

<ListBox x:Name="ZipFileList" Margin="8" ScrollViewer.VerticalScrollBarVisibility="Auto">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Margin="0,6">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="160"/> <!-- 进度条固定宽度 -->
                    <ColumnDefinition Width="*"/> <!-- 文件名占剩余宽度 -->
                </Grid.ColumnDefinitions>
                <!-- 进度条绑定Progress属性，范围0-100 -->
                <ProgressBar Grid.Column="0" Height="20" Value="{Binding Progress}" Minimum="0" Maximum="100"/>
                <!-- 右侧展示文件名和状态 -->
                <StackPanel Grid.Column="1" Margin="12,0,0,0" VerticalAlignment="Center">
                    <TextBlock Text="{Binding FileName}" FontSize="14"/>
                    <TextBlock Text="{Binding StatusTip}" FontSize="12" Foreground="#666"/>
                </StackPanel>
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

3. 数据绑定与进度更新 #

列表初始化 #

用ObservableCollection存储处理项列表，增删项会自动同步到UI：

// 窗口全局变量
private ObservableCollection<ZipProcessItem> _zipProcessItems = new ObservableCollection<ZipProcessItem>();

// 窗口构造函数里绑定数据源
public MainWindow()
{
    InitializeComponent();
    ZipFileList.ItemsSource = _zipProcessItems;
    LoadValidZipFiles();
}

// 加载过滤后的zip文件到列表
private void LoadValidZipFiles()
{
    _zipProcessItems.Clear();
    // 你的原文件路径数组
    string[] allFiles = /* 替换为你的文件列表来源 */;
    
    foreach (var filePath in allFiles)
    {
        if (Path.GetExtension(filePath).Equals(".zip", StringComparison.OrdinalIgnoreCase))
        {
            _zipProcessItems.Add(new ZipProcessItem
            {
                FilePath = filePath,
                FileName = Path.GetFileName(filePath),
                Progress = 0,
                StatusTip = "待处理"
            });
        }
    }
}

进度更新 #

后台处理线程要更新进度时，不需要给ProgressBar设置唯一名称，直接修改对应ZipProcessItem对象的属性即可，跨线程更新时调度到UI线程执行：

// 示例：更新第index个文件的进度和状态
int targetIndex = 0; // 要更新的文件下标
int progressPercent = 50; // 当前进度百分比
string status = "正在解压...";

Application.Current.Dispatcher.Invoke(() =>
{
    _zipProcessItems[targetIndex].Progress = progressPercent;
    _zipProcessItems[targetIndex].StatusTip = status;
});

可选手动布局方案 #

如果你不想用绑定方案，中间区域可以用StackPanel作为容器，循环生成每个项的Grid控件，手动添加ProgressBar和TextBlock，把控件引用存入数组后续更新即可，该方案维护成本更高，优先推荐绑定方案。

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