WPF动态加载MVVM的View部分时如何向用户提供加载反馈？

核心原因 #

你之前尝试的Dispatcher更新不生效，是因为所有控件创建逻辑都在UI线程的同一个同步调用栈内执行，完全阻塞了UI消息循环，所有待调度的渲染任务、进度更新委托都要等当前创建逻辑全部执行完成后才会运行。

可直接落地的改造方案 #

1. 拆分长任务+主动让出UI线程 #

将原来的同步加载逻辑改为异步分批执行，每处理一小批控件创建任务，就主动让出UI线程执行 pending 的渲染请求，保证进度提示、忙碌指示器可以正常刷新。
首先调整XAML布局，添加加载提示组件：

<Window x:Class="WpfApp1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfApp1"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800" WindowState="Maximized"
    Loaded="Window_Loaded">
    <Grid>
        <TabControl x:Name="_TabCtrl" Grid.Row="1" Grid.ColumnSpan="2"  Margin="2,2,2,2" Background="{x:Null}"/>
        <!-- 加载提示层，默认隐藏 -->
        <Grid x:Name="BusyPanel" Visibility="Collapsed" Background="#7F000000" Panel.ZIndex="999">
            <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                <TextBlock Text="加载中，请稍候..." Foreground="White" FontSize="16" Margin="0 0 0 10"/>
                <ProgressBar x:Name="LoadProgress" Width="200" Height="15" Maximum="100"/>
            </StackPanel>
        </Grid>
    </Grid>
</Window>

然后改造后台加载逻辑：

private async void Window_Loaded(object sender, RoutedEventArgs e)
{
    // 先显示加载提示
    BusyPanel.Visibility = Visibility.Visible;
    LoadProgress.Value = 0;
    // 主动让出线程，让加载提示先渲染完成
    await Dispatcher.Yield(System.Windows.Threading.DispatcherPriority.Render);

    TabItem aTab = null;
    Canvas activeCanvas = null;
    int tabHeader = 1;
    const int totalControlCount = 10000;
    for(int i=0, c=0, r=0; i < totalControlCount; i++)
    {
        if(i % 250 == 0)
        {
            aTab = new TabItem();
            aTab.Header = "TabItem " + tabHeader;
            tabHeader++;
            ScrollViewer sv = new ScrollViewer();
            activeCanvas = new Canvas();
            activeCanvas.Name = String.Format("_Canvas{0}", _TabCtrl.Items.Count);
            activeCanvas.VerticalAlignment = VerticalAlignment.Top;
            activeCanvas.HorizontalAlignment = HorizontalAlignment.Left;
            activeCanvas.Height = 0D;
            activeCanvas.Width = 0D;
            sv.HorizontalScrollBarVisibility = ScrollBarVisibility.Visible;
            sv.Content = activeCanvas;
            aTab.Content = sv;
            _TabCtrl.Items.Add(aTab);
            r = c = 0;
        }
        MT_BoxTextCtrl ctrl = new MT_BoxTextCtrl();
        ctrl.Label = "Gauge " + i.ToString();
        ctrl.Location = new Point(c * 200, r * 40);
        ctrl.Width = 200;
        ctrl.Height = 40;
        ctrl.LblLocation = OpsViewer.Classes.MT_Helper.Loc.left;
        activeCanvas.Children.Add(ctrl);
        Canvas.SetLeft(ctrl, ctrl.Location.X);
        Canvas.SetTop(ctrl, ctrl.Location.Y);
        if (activeCanvas.Height < ctrl.Location.Y + ctrl.Height)
            activeCanvas.Height = ctrl.Location.Y + ctrl.Height + 10;

        if (activeCanvas.Width < ctrl.Location.X + ctrl.Width)
            activeCanvas.Width = ctrl.Location.X + ctrl.Width + 100;

        r++;
        if (r > 20)
        {
            r = 0;
            c++;
        }

        // 每创建50个控件更新一次进度，让出线程处理渲染
        if(i % 50 == 0)
        {
            LoadProgress.Value = (double)i / totalControlCount * 100;
            await Dispatcher.Yield(System.Windows.Threading.DispatcherPriority.Render);
        }
    }

    // 加载完成隐藏提示
    BusyPanel.Visibility = Visibility.Collapsed;
}

2. 额外优化建议 #

• 非UI逻辑移到后台线程：XML解析、控件属性计算等和UI线程无关的操作，全部放到Task.Run中执行，先把所有控件的配置信息解析为POCO对象列表，再回到UI线程仅执行控件创建和挂载操作，可大幅减少UI线程阻塞时间。
• Tab页延迟加载：不要一次性创建所有Tab的内容，仅创建当前选中Tab的控件，剩余Tab在用户点击切换时再加载，多数场景下用户不会打开全部Tab，首次加载速度可提升数倍。
• 控件虚拟化：如果单个Canvas内控件超过1000个，建议将Canvas替换为虚拟化容器，仅创建当前视口可见的控件，滚动时动态复用或创建控件，可将加载时间和内存占用降到原来的1/10甚至更低。
• 调度优先级调整：如果不需要实时更新精确进度，可将控件创建任务的Dispatcher优先级设为Background，让渲染、用户输入的优先级始终高于控件创建，保证UI全程无卡顿。

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