WPF应用切换页面后如何保持文件上传进度报告的一致性？

这种场景我碰到过好几次，核心问题基本都出在页面/ViewModel的生命周期不对或者绑定关系丢失上，给你几个针对性的解决方案：

1. 让上传ViewModel成为全局共享实例 #

你大概率是每次切换到上传页时，都新建了一个UploadPage或者它的ViewModel实例——这就导致正在运行的上传任务和你返回后看到的页面根本不是同一个上下文，自然看不到进度。

最简单的做法是把上传ViewModel做成全局可复用的：

• 在App.xaml中把它定义为应用级资源：

  <Application.Resources>
      <local:UploadViewModel x:Key="GlobalUploadVM" />
  </Application.Resources>
  

• 然后在UploadPage.xaml中直接绑定这个全局实例：

  <Page.DataContext>
      <StaticResource ResourceKey="GlobalUploadVM" />
  </Page.DataContext>
  

这样不管你切换多少次页面，绑定的都是同一个ViewModel，上传任务的进度变化会实时同步到控件上。

2. 复用上传页面实例，不要每次导航都新建 #

如果你的导航逻辑是Frame.Navigate(new UploadPage())，那每次切换都会创建全新的页面实例，哪怕ViewModel是全局的，也可能因为页面控件重新初始化出现问题。

可以在主窗口中提前初始化一次上传页面，之后切换时直接复用：

private UploadPage _uploadPageInstance;

public MainWindow()
{
    InitializeComponent();
    _uploadPageInstance = new UploadPage();
}

// 切换到上传页的按钮点击事件
private void GoToUploadPage_Click(object sender, RoutedEventArgs e)
{
    MainFrame.Navigate(_uploadPageInstance);
}

3. 确保ViewModel正确实现属性通知 #

别漏了INotifyPropertyChanged接口，进度属性更新时必须触发PropertyChanged事件，否则UI根本不知道要更新。举个例子：

public class UploadViewModel : INotifyPropertyChanged
{
    private int _folder1Progress;
    public int Folder1Progress
    {
        get => _folder1Progress;
        set
        {
            _folder1Progress = value;
            OnPropertyChanged(nameof(Folder1Progress));
        }
    }

    // 第二个文件夹的进度属性同理...

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
    }

    // 你的async上传方法
    public async Task StartUploadsAsync()
    {
        var task1 = UploadFolderAsync(1);
        var task2 = UploadFolderAsync(2);
        await Task.WhenAll(task1, task2);
    }

    private async Task UploadFolderAsync(int folderId)
    {
        for (int i = 0; i <= 100; i++)
        {
            await Task.Delay(50);
            // await默认会回到UI线程，直接更新属性即可
            if (folderId == 1) Folder1Progress = i;
            else Folder2Progress = i;
        }
    }
}

4. 排查async/await的线程问题 #

如果你的上传逻辑中用了ConfigureAwait(false)，那await之后会留在后台线程，这时候更新UI属性必须手动切回UI线程：

private async Task UploadFolderAsync(int folderId)
{
    for (int i = 0; i <= 100; i++)
    {
        await Task.Delay(50).ConfigureAwait(false);
        // 手动切换到UI线程更新属性
        Application.Current.Dispatcher.Invoke(() =>
        {
            if (folderId == 1) Folder1Progress = i;
            else Folder2Progress = i;
        });
    }
}

按这几步调整后，切换页面再回来应该就能正常看到持续更新的上传进度了。

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