Xamarin Forms中CollectionView拖拽后索引无法自动修正的问题

当前CollectionView初始显示格式：

0 Item  1 Item
2 Item1 3 Item
4 Item2 5 Item

将索引为2的项拖拽到索引为5的项之前后，显示出现异常：

0 Item  1 Item
3 Item1 4 Item
5 Item2 5 Item

使用IndexValueConverter通过viewModel.SortingList.IndexOf(score)获取项的索引，但拖拽操作后索引未自动修正为正确顺序。

核心原因 #

拖拽修改了ObservableCollection的顺序，但UI未收到索引更新通知：

1. 单个ModelData对象无属性变化通知，ObservableCollection的CollectionChanged仅触发集合结构变化，不会触发单个项的绑定刷新；
2. 转换器中集合引用可能存在不一致，且Renderer的索引计算逻辑有瑕疵。

1. 触发UI绑定刷新 #

方法一：重置ItemsSource触发全局刷新

在ViewModel的DropCommand（即InvokeDropCommand触发的命令）中，重新赋值ItemsSource强制CollectionView重新加载所有项：

// NewLocationListViewModel中
public ICommand DropCommand => new Command(() =>
{
    var tempList = SortingStorageList;
    SortingStorageList = null;
    SortingStorageList = tempList;
});

这样转换器会重新计算每个项的索引。

方法二：触发单个项的属性变化通知

如果ModelData实现了INotifyPropertyChanged，可在拖拽完成后遍历集合触发更新：

// DropCommand中
foreach (var item in SortingStorageList)
{
    (item as INotifyPropertyChanged)?.PropertyChanged?.Invoke(item, new PropertyChangedEventArgs(string.Empty));
}

此方法无需重新加载整个集合，仅触发Label的绑定重新计算。

2. 优化索引转换器逻辑 #

修正转换器中集合引用不一致的问题，直接绑定ViewModel并使用正确的集合：

public class IndexValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (parameter is NewLocationListViewModel viewModel && value is ModelData score)
        {
            return viewModel.SortingStorageList.IndexOf(score);
        }
        return -1;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
        => throw new NotImplementedException();
}

同时修改XAML中ConverterParameter的绑定，直接传递ViewModel：

Text="{Binding ., Converter={StaticResource IndexConverter}, ConverterParameter={Binding Source={RelativeSource AncestorType={x:Type viewmodels:NewLocationListViewModel}}}}"

3. 修复Renderer中的索引计算错误 #

在PerformDrop方法中，使用拖拽项的原始索引而非全局变量，并修正插入位置的偏移问题：

public void PerformDrop(UICollectionView collectionView, IUICollectionViewDropCoordinator coordinator)
{
    var destinationIndexPath = coordinator?.DestinationIndexPath ?? NSIndexPath.FromRowSection(0, 0);
    switch (coordinator?.Proposal?.Operation)
    {
        case UIDropOperation.Move:
            var items = coordinator?.Items;
            var hasSourceIndex = items?.FirstOrDefault(i => i.SourceIndexPath != null);
            if (hasSourceIndex != null)
            {
                var itemsSourceList = Element?.ItemsSource as IList;
                var sourceIndex = hasSourceIndex.SourceIndexPath.Row;
                var itemtomove = itemsSourceList[sourceIndex];
                itemsSourceList.RemoveAt(sourceIndex);
                
                // 目标索引大于源索引时，需减1（移除元素后集合长度缩短）
                var insertIndex = destinationIndexPath.Row > sourceIndex ? destinationIndexPath.Row - 1 : destinationIndexPath.Row;
                itemsSourceList.Insert(insertIndex, itemtomove);
                
                var res = Element as CollectionViewWithDragAndDrop;
                res?.InvokeDropCommand();
            }
            break;
        default:
            return;
    }
}

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