.NET MAUI中CollectionView的SelectionChangedCommand重复执行问题

针对嵌套CollectionView中SelectionChangedCommand重复触发的问题，可通过以下几种方案解决：

1. 执行命令后手动重置选中项 #

每次命令执行完成后，将当前CollectionView的SelectedItem设为null，避免因选中状态残留导致重复触发。

• 若采用MVVM模式，在ViewModel的命令执行方法中维护绑定的SelectedItem属性：

  private object _selectedChildItem;
  public object SelectedChildItem
  {
      get => _selectedChildItem;
      set => SetProperty(ref _selectedChildItem, value);
  }
  
  private void OnAssetClicked(object parameter)
  {
      // 执行页面跳转逻辑
      Navigation.PushAsync(new DetailPage());
      
      // 重置选中项
      SelectedChildItem = null;
  }
  

  对应XAML中绑定：

  <CollectionView SelectedItem="{Binding SelectedChildItem}" SelectionChangedCommand="{Binding AssetClickedCommand}">
      <!-- 子CollectionView内容 -->
  </CollectionView>
  

• 若直接在代码后台处理，可通过命名引用获取CollectionView实例并重置：

  private void ChildCollectionView_SelectionChanged(object sender, SelectionChangedEventArgs e)
  {
      var collectionView = sender as CollectionView;
      // 执行跳转逻辑
      Navigation.PushAsync(new DetailPage());
      // 重置选中项
      collectionView.SelectedItem = null;
  }
  

2. 阻止事件冒泡避免父级触发 #

子级CollectionView的SelectionChanged事件会向上冒泡到父级，导致父级命令也被触发。可在子级的事件处理中标记事件已处理：

private void ChildCollectionView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    // 标记事件已处理，阻止冒泡到父级
    e.Handled = true;
    
    // 执行命令逻辑
    var selectedItem = e.CurrentSelection.FirstOrDefault();
    if (selectedItem != null)
    {
        Navigation.PushAsync(new DetailPage(selectedItem));
        ((CollectionView)sender).SelectedItem = null;
    }
}

3. 使用单次执行的自定义命令 #

自定义一个命令包装类，确保命令在执行过程中不会被重复触发，替代默认的RelayCommand：

public class SingleExecutionCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;
    private bool _isExecuting;

    public event EventHandler CanExecuteChanged;

    public SingleExecutionCommand(Action<object> execute, Func<object, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return (_canExecute?.Invoke(parameter) ?? true) && !_isExecuting;
    }

    public void Execute(object parameter)
    {
        if (!CanExecute(parameter)) return;
        try
        {
            _isExecuting = true;
            _execute(parameter);
        }
        finally
        {
            _isExecuting = false;
            CanExecuteChanged?.Invoke(this, EventArgs.Empty);
        }
    }

    public void RaiseCanExecuteChanged()
    {
        CanExecuteChanged?.Invoke(this, EventArgs.Empty);
    }
}

在ViewModel中使用该命令：

public ICommand AssetClickedCommand { get; }

public YourViewModel(INavigation navigation)
{
    AssetClickedCommand = new SingleExecutionCommand(OnAssetClicked);
}

4. 页面返回时重置所有选中状态 #

在页面的OnAppearing方法中重置父级和子级CollectionView的选中项，避免页面返回后因之前的选中状态触发命令：

protected override void OnAppearing()
{
    base.OnAppearing();
    ParentCollectionView.SelectedItem = null;
    ChildCollectionView.SelectedItem = null;
}

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