MVVM架构WPF界面在异步方法中设置ItemsSource时卡顿

你遇到的这个问题，本质是WPF默认在UI线程中执行CollectionViewSource的分组计算——当你的Entries集合数据量较大时，两层嵌套分组（DailySet.WeeklySet和DailySet）的计算会阻塞UI线程，导致应用冻结数秒。下面是几个针对性的实用解决方案：

1. 后台线程预计算分组 #

把分组逻辑移到后台线程完成，避免占用UI线程：

• 在ViewModel中创建预分组的ICollectionView，而非直接在XAML中配置分组：

// ViewModel代码示例
private ObservableCollection<YourEntryModel> _entries;
private ICollectionView _groupedEntriesView;

public ICollectionView GroupedEntriesView
{
    get => _groupedEntriesView;
    set => SetProperty(ref _groupedEntriesView, value); // 假设你用了MVVM框架的属性变更方法
}

public ObservableCollection<YourEntryModel> Entries
{
    get => _entries;
    set
    {
        if (SetProperty(ref _entries, value))
        {
            // 后台线程处理分组逻辑
            Task.Run(() =>
            {
                var view = CollectionViewSource.GetDefaultView(value);
                view.GroupDescriptions.Clear();
                view.GroupDescriptions.Add(new PropertyGroupDescription("DailySet.WeeklySet"));
                view.GroupDescriptions.Add(new PropertyGroupDescription("DailySet"));
                
                // 切回UI线程更新视图
                Application.Current.Dispatcher.Invoke(() =>
                {
                    GroupedEntriesView = view;
                });
            });
        }
    }
}

• 修改XAML，直接绑定预分组的视图：

<ListView ItemsSource="{Binding GroupedEntriesView}">
    <!-- 你的ListView模板、分组样式等配置 -->
</ListView>

2. 开启ListView虚拟化 #

如果你的ListView没开启虚拟化，大量数据加载时会渲染所有项，加重UI负担：

<ListView ItemsSource="{Binding Source={StaticResource Sets}}"
          VirtualizingStackPanel.IsVirtualizing="True"
          VirtualizingStackPanel.VirtualizationMode="Recycling"
          ScrollViewer.IsDeferredScrollingEnabled="True">
    <!-- 其他配置 -->
</ListView>

• IsVirtualizing="True"：只渲染可见区域的列表项
• VirtualizationMode="Recycling"：复用已创建的项容器，减少对象创建销毁的开销
• IsDeferredScrollingEnabled="True"：拖动滚动条时不实时更新视图，松开后再渲染，降低卡顿感

3. 优化分组属性的访问效率 #

如果DailySet.WeeklySet或DailySet是复杂对象，或者属性getter里有耗时操作，会拖慢分组速度：

• 确保这些属性的getter是轻量无副作用的，不要在getter里做数据库查询、复杂计算等操作
• 可以提前将分组需要的字段缓存为简单类型（比如字符串、枚举值），避免分组时频繁访问复杂对象的深层属性

4. 使用延迟刷新减少UI更新次数 #

如果需要动态调整分组，用DeferRefresh()批量提交变更，避免多次触发UI更新：

using (view.DeferRefresh())
{
    view.GroupDescriptions.Clear();
    view.GroupDescriptions.Add(new PropertyGroupDescription("DailySet.WeeklySet"));
    view.GroupDescriptions.Add(new PropertyGroupDescription("DailySet"));
}

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