使用DynamicData绑定列表时排序随每次变更重新加载的问题求助

我之前在使用DynamicData结合RxUI搭建数据层和UI桥接时，也碰到过一模一样的问题——每次数据变更，列表的排序就会重新加载，导致UI闪烁或者滚动位置丢失。下面是我摸索出来的有效解决方案：

核心问题分析 #

你当前的代码可能是把Connect()的结果直接绑定到ReactiveList，没有在DynamicData的数据流中维护排序状态。这样每次属性变更触发流更新时，整个集合会被重新生成，ListView自然会重新加载所有项。

具体解决方案 #

1. 在DynamicData数据流中内置排序逻辑 #

把排序操作放在Bind()之前，让DynamicData维护一个有序的内部集合。这样它只会在项的排序属性变化时，移动单个项到正确位置，而不是重新生成整个列表。

首先定义稳定的排序比较器：

// 假设我们按LastChange属性升序排序，你可以根据实际需求调整
private readonly SortExpressionComparer<ItemViewModel> _sortComparer = 
    SortExpressionComparer<ItemViewModel>.Ascending(vm => vm.LastChange);

然后重构你的数据流绑定：

// 初始化SourceCache（确保键是唯一标识，比如ItemViewModel的Id）
_sourceCache = new SourceCache<ItemViewModel, string>(vm => vm.Id);

// 构建数据流：先排序，再绑定到ReactiveList
_sourceCache.Connect()
    .Sort(_sortComparer) // 关键：排序操作必须在Bind之前
    .Bind(Models)
    .Subscribe();

2. 处理LastChange属性的节流变更 #

如果你的WhenPropertyChanged是为了响应LastChange的变化（比如它是排序依据的一部分），不要触发整个列表的重新排序，而是让DynamicData单独更新该项的位置：

_sourceCache.Connect()
    .WhenPropertyChanged(p => p.LastChange)
    .Throttle(TimeSpan.FromMilliseconds(250))
    .Select(change => change.Sender) // 获取发生变更的ViewModel
    .Subscribe(vm => {
        // 告诉DynamicData重新评估该项的排序位置
        _sourceCache.Refresh(vm);
    });

3. 动态切换排序规则（可选） #

如果需要支持用户切换排序方式，用BehaviorSubject来传递排序规则，DynamicData会平滑地调整列表顺序，不会重新加载整个集合：

// 初始化默认排序规则
var currentSort = new BehaviorSubject<SortExpressionComparer<ItemViewModel>>(
    SortExpressionComparer<ItemViewModel>.Ascending(vm => vm.LastChange)
);

// 数据流绑定到动态排序规则
_sourceCache.Connect()
    .Sort(currentSort)
    .Bind(Models)
    .Subscribe();

// 切换排序方式时只需更新Subject
currentSort.OnNext(SortExpressionComparer<ItemViewModel>.Descending(vm => vm.LastChange));

关键注意事项 #

• 排序必须在Bind之前：如果把Sort放在Bind之后，DynamicData会每次重新生成集合，导致ListView重新加载所有项，这正是你要避免的问题。
• 使用唯一键初始化SourceCache：确保SourceCache的键能唯一标识每个ItemViewModel，这样DynamicData才能准确跟踪项的变化。
• 避免手动排序ReactiveList：依赖DynamicData的内置排序机制，它会自动处理项的增删改查和位置调整，性能和体验都更好。

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