ListView в UWP имеет неожиданное поведение, когда INotifyCollectionChanged сообщает о массовых изменениях

Question

Я пытаюсь создать собственную коллекцию, которая реализует INotifyCollectionChanged и сообщает о массовых изменениях во внутреннем списке товаров с течением времени. Это часть более крупного проекта, но мне удалось создать пример приложения, чтобы продемонстрировать эту проблему. Пожалуйста, следуйте инструкциям ниже и объяснение в конце:

1) Откройте Visual Studio 2015 и создайте пустое универсальное приложение для Windows, используя Build 14393, и назовите его "SampleApp", чтобы у нас было одинаковое пространство имен.

2) Скопируйте следующий код в Main.xaml

<Page x:Class="SampleApp.MainPage"
      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:local="using:SampleApp"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <ListView ItemsSource="{x:Bind Items}" Margin="40"/>
    </Grid>
</Page>

3) Скопируйте следующий код в Main.xaml.cs:

using System.Collections.Generic;
using System.Collections.Specialized;
using System.ComponentModel;
using System.Threading.Tasks;
using Windows.UI.Xaml;

namespace SampleApp
{
    public sealed partial class MainPage
    {
        public FakeCollection Items { get; } = new FakeCollection();

        public MainPage()
        {
            InitializeComponent();

            Loaded += OnLoaded;
        }

        private async void OnLoaded(object sender, RoutedEventArgs e)
        {
            await Items.Begin();
        }
    }

    public class FakeCollection : List<string>, INotifyCollectionChanged, INotifyPropertyChanged
    {
        public event NotifyCollectionChangedEventHandler CollectionChanged;
        public event PropertyChangedEventHandler PropertyChanged;


        public async Task Begin()
        {
            var set1 = CreateSet(1, 10);
            var set2 = CreateSet(11, 15);

            AddRange(set1);

            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Count"));
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Item[]"));
            CollectionChanged?.Invoke(this, new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Add, set1, 0));


            await Task.Delay(2000);

            InsertRange(5, set2);

            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Count"));
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Item[]"));
            CollectionChanged?.Invoke(this, new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Add, set2, 5));
        }

        public List<string> CreateSet(int start, int end)
        {
            var list = new List<string>();

            for (var i = start; i <= end; i++)
            {
                list.Add($"Item {i}");
            }

            return list;
        }
    }
}

FakeCollection это просто List<string> и реализует INotifyPropertyChanged а также INotifyCollectionChanged, Используется в ListView переплет в xaml.

Когда главная страница загружается, Begin() вызывается метод, который просто создает список строк с именами "Item 1", "Item 2", ... "Item 10", добавляет их в список и затем уведомляет об изменении коллекции по всем 10 элементам. Это отлично работает.

Однако после ожидания 2 секунд создается другой набор "Элемент 11", "Элемент 12", ... "Элемент 15", и они вставляются с индексом 5. Мы сообщаем об изменении коллекции снова в позиции 5 с новым набором. струн.

Я бы ожидал ListView чтобы показать точный порядок, найденный во внутренней коллекции FakeCollection, который:

Элемент 1,2,3,4,5,11,12,13,14,15,6,7,8,9,10

Вместо этого это проявляется как

Элемент 1,2,3,4,5,11,6,7,8,9,10,7,8,9,10????

Что здесь случилось? Похоже, что он добавил первый элемент из поднятого события, а затем просто повторил последние четыре!

Есть ли хитрость, чтобы сделать ListView работать с массовыми изменениями коллекции?

Answer 1

Интересно! Похоже CollectionChanged не работает, когда вы пытаетесь добавить несколько элементов одновременно. Я думаю, вам придется сделать что-то вроде этого -

for (var i = 0; i < set2.Count; i++)
{
    CollectionChanged?.Invoke(this, new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Add, set2, i + 5));
}