如何无闪烁更新ComboBox的ItemsSource

你遇到的核心问题是每次更新都完全替换了ComboBox的ItemsSource集合，导致WPF需要销毁所有旧的列表项并重新渲染新项——对于简单的char类型，这个过程快到看不到闪烁，但换成带ItemTemplate的自定义BinItem后，渲染开销变大，就出现了明显的闪烁。

问题根源分析 #

你原来的实现中，FromBins的getter每次都会新建一个ObservableCollection<char>，本质上是每次都给ComboBox换了一个全新的数据源。WPF在处理这种情况时，会清空原有的项容器，重新创建所有项的UI元素。对于轻量的char文本项，这个过程几乎瞬间完成，但你的BinItem需要渲染矩形、文本块和tooltip，重建所有这些元素的开销就会导致肉眼可见的闪烁。

解决方案：维护单一集合实例，增量更新项 #

正确的做法是只维护一个ObservableCollection<BinItem>实例，在需要更新时，对比现有项和Model中的数据，只增删变化的项，而不是替换整个集合。这样WPF只会更新变化的部分，不会重新渲染整个下拉框。

1. 修改ViewModel，维护单一集合实例

把原来的只读属性改成带私有字段的实例，然后添加一个更新集合的方法：

private ObservableCollection<BinItem> _fromBins = new ObservableCollection<BinItem>();
public ObservableCollection<BinItem> FromBins => _fromBins;

// 调用这个方法来更新集合，而不是触发PropertyChanged(nameof(FromBins))
public void UpdateFromBins()
{
    // 获取Model中当前的Bin键集合
    var currentBinKeys = Map.BinCounts.Select(kv => kv.Key).ToHashSet();
    // 获取当前集合中已有的Bin键
    var existingBins = _fromBins.Select(item => item.Bin).ToHashSet();

    // 移除不再存在于Model中的项
    var itemsToRemove = _fromBins.Where(item => !currentBinKeys.Contains(item.Bin)).ToList();
    foreach (var item in itemsToRemove)
    {
        _fromBins.Remove(item);
    }

    // 添加Model中新增的项
    var binsToAdd = currentBinKeys.Where(key => !existingBins.Contains(key)).ToList();
    foreach (var binKey in binsToAdd)
    {
        _fromBins.Add(new BinItem(binKey));
    }

    // 如果需要严格保持和Map.BinCounts一致的顺序，可以先清空再添加，但尽量避免（会导致短暂闪烁）
    // _fromBins.Clear();
    // foreach (var kv in Map.BinCounts)
    // {
    //     _fromBins.Add(new BinItem(kv.Key));
    // }
}

2. 修正BinItem的Equals和GetHashCode实现

你已经实现了IEquatable<BinItem>，但别忘了重写GetHashCode（这是实现IEquatable的最佳实践，能避免集合操作中的异常）：

public class BinItem : IEquatable<BinItem>
{
    public char Bin { get; set; }
    public SolidColorBrush BinColor { get; set; }
    public string BinColorToolTip { get {...} }

    public BinItem(char bin)
    {
        Bin = bin;
        BinColor = new SolidColorBrush(BinColors.GetBinColor(bin));
    }

    public bool Equals(BinItem other)
    {
        if (other is null) return false;
        return Bin == other.Bin;
    }

    public override bool Equals(object obj) => Equals(obj as BinItem);

    public override int GetHashCode() => Bin.GetHashCode();
}

3. 更新触发逻辑

原来鼠标移动时触发PropertyChanged(nameof(FromBins))，现在改成调用UpdateFromBins()方法即可——因为ObservableCollection会自动通知UI集合的变更，不需要再触发属性变更通知。

为什么之前的尝试没解决问题？ #

• 使用List替代ObservableCollection：List没有集合变更通知机制，UI不知道集合内容变化了，所以不会更新，自然也不会闪烁，但这不是正确的解决方式。
• 保留所有项加Visibility：如果BinItem没有实现INotifyPropertyChanged，修改Visibility属性后UI不会感知到变化；而且这种方式会保留大量不可见的项，不如增量更新高效。

内容的提问来源于stack exchange，提问作者M. Swindler