Xamarin.Forms 5中CollectionView的SelectedItems双向绑定无法回传ViewModel问题

问题原因 #

Xamarin.Forms 中CollectionView的SelectedItems属性在多选模式下，默认逻辑为：如果绑定的目标集合实例不为null，框架只会向已有集合中添加/移除选中项，不会替换整个集合实例，所以你写的SelectedElement属性的setter方法自然不会被触发，只有当给属性赋值新实例/null时才会进入setter逻辑。

现存代码问题 #

1. 属性缺少变更通知：SelectedElement的setter中没有触发INotifyPropertyChanged的属性变更通知，虽然当前清空选中的逻辑暂时可用，但后续修改集合实例时会出现UI无法同步的问题。
2. 未初始化集合实例：如果SelectedElement初始值为null，Xamarin.Forms内部会自行创建一个非泛型的IList实例来存储选中项，你定义的泛型ObservableCollection<Element>就收不到任何变更回调。

解决方法 #

推荐通过监听选中集合的CollectionChanged事件来响应选中项变更，改造代码如下：

1. ViewModel代码改造 #

using System.Collections.ObjectModel;
using System.Collections.Specialized;
// 你的ViewModel要继承实现了INotifyPropertyChanged的基类，比如MvvmHelpers的BaseViewModel、Prism的BindableBase等
public class YourViewModel : BaseViewModel
{
    private ObservableCollection<Element> _selectedElement = new ObservableCollection<Element>();
    public ObservableCollection<Element> SelectedElement
    {
        get => _selectedElement;
        set
        {
            if (_selectedElement != value)
            {
                // 移除旧集合的变更监听
                if (_selectedElement != null)
                {
                    _selectedElement.CollectionChanged -= OnSelectedItemsChanged;
                }
                _selectedElement = value;
                // 给新集合加变更监听
                if (_selectedElement != null)
                {
                    _selectedElement.CollectionChanged += OnSelectedItemsChanged;
                }
                // 触发属性变更通知，方法名和你用的MVVM框架对应即可
                OnPropertyChanged(nameof(SelectedElement));
            }
        }
    }

    // 选中项变更处理逻辑
    private void OnSelectedItemsChanged(object sender, NotifyCollectionChangedEventArgs e)
    {
        // 这里可以拿到最新的选中列表处理业务逻辑
        var latestSelectedItems = _selectedElement.ToList();
        // 你的业务代码写在这里
    }

    // 原有的清空逻辑可以保留，或者改成Clear方法（更高效）
    private void ClearCollection()
    {
        SelectedElement.Clear();
        // 赋值null也可以，但Clear不会触发集合实例替换，不会走setter，直接触发CollectionChanged
        // SelectedElement = null;
    }
}

2. XAML代码优化 #

ItemsSource不需要设置双向绑定，默认OneWay即可，不影响现有功能：

<CollectionView  ItemsSource="{Binding Elements}" 
                 SelectionMode="Multiple"
                 SelectedItems="{Binding SelectedElement, Mode=TwoWay}">
    <!-- 其余内容保持不变 -->
</CollectionView>

改造完成后，用户手动选中/取消选中条目时，都会触发OnSelectedItemsChanged方法，你可以在这个方法里处理选中项变更的业务逻辑。

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