c# - 通过 ListCollectionView 的 ObservableCollection 显示不正确的项目列表

Question

C#:

public partial class MainWindow : Window
{
    private readonly ViewModel vm;

    public MainWindow()
    {
        InitializeComponent();
        vm = new ViewModel();

        DataContext = vm;
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        vm.Models.RemoveAt(0);
    }
}

public class ViewModel
{
    public ObservableCollection<Model> Models { get; set; }
    public ListCollectionView View { get; set; }

    public ViewModel()
    {
        Models = new ObservableCollection<Model>()
        {
            new Model() { Name = "Gordon Freeman" },
            new Model() { Name = "Isaac Kleiner" },
            new Model() { Name = "Eli Vance" },
            new Model() { Name = "Alyx Vance" },
        };

        Models.CollectionChanged += (s, e) => View.Refresh();
        View = new ListCollectionView(Models);
    }
}

public class Model
{
    public string Name { get; set; }

    public override string ToString()
    {
        return Name;
    }
}

XAML:

<StackPanel>
    <ListBox ItemsSource="{Binding Path=View}" />
    <Button Click="Button_Click">Click</Button>
</StackPanel>

ObservableCollection 包含 4 个元素，而 ListBox 显示所有 4 个元素，正如预期的那样。单击按钮时，ObservableCollection 的第一个元素将被删除。然而，ListBox 现在只显示第 2 和第 3 个。看起来第 1 和第 4 已被删除。

如果行 Models.CollectionChanged += (s, e) => View.Refresh(); 被移动到之后 View = new ListCollectionView(Models );(或完全注释掉)一切按预期工作。

为什么？

附言这是一个更大拼图的简单部分。在这个小示例中，我意识到我不需要在 CollectionChanged 上调用 View.Refresh(); 来让 ListBox 自行更新。

Answer 1

我的猜测是刷新会干扰 View 的自动更新。据推测， View 也在构造函数中订阅了 CollectionChanged，因此如果您还在 View 之前订阅了事件并调用刷新，那么您会在集合更改和 View 自身的更新之间获得不需要的更新。

例如

项目 0 已删除 -> 通知事件监听器
=> 您的处理程序:Refresh() -> 重建 View => 项目被删除。
=> 查看处理程序:事件参数说:项目 X 已删除 -> 删除项目 X

这仍然不能解释为什么第一个和最后一个项目被删除，但对我来说这似乎是合理的。

如果订阅在 View 实例化之后:

项目 0 已删除 -> 通知事件监听器
=> 查看处理程序:事件参数说:项目 X 已删除 -> 删除项目 X
=> 您的处理程序:Refresh() -> 重建 View => 没有任何改变。