.NET Maui：代码中如何绑定CollectionView的SelectedItem到ViewModel命令参数

你之前的写法崩溃是因为绑定SelectionChangedCommandParameter时，默认绑定源是ViewModel，但ViewModel中并没有SelectedItem属性，导致绑定失败触发空引用异常。下面提供两种优雅的流畅绑定方案：

方案一：使用BindCommand扩展直接绑定参数 #

CommunityToolkit.Maui.Markup的BindCommand方法支持直接指定命令参数的来源，无需手动设置SelectionChangedCommandParameter：

Content = new CollectionView
{
    // 其他配置，比如ItemTemplate、SelectionMode等
    SelectionMode = SelectionMode.Single
}
.Bind(CollectionView.ItemsSourceProperty, nameof(YourViewModel.Items))
.BindCommand(
    // 指定控件的命令属性
    static (CollectionView cv) => cv.SelectionChangedCommand,
    // 指定ViewModel的命令
    static (YourViewModel vm) => vm.SelectionChangedCommand,
    // 指定命令参数为控件自身的SelectedItem
    static (CollectionView cv) => cv.SelectedItem);

方案二：正确绑定SelectionChangedCommandParameter #

如果坚持要手动绑定参数，需要通过RelativeSource.Self指定绑定源为CollectionView自身，确保能正确获取SelectedItem：

Content = new CollectionView
{
    SelectionMode = SelectionMode.Single
    // 其他配置
}
.Bind(CollectionView.ItemsSourceProperty, nameof(YourViewModel.Items))
.Bind(CollectionView.SelectionChangedCommandProperty, nameof(YourViewModel.SelectionChangedCommand))
.Bind(CollectionView.SelectionChangedCommandParameterProperty, 
      static (CollectionView cv) => cv.SelectedItem, 
      source: RelativeSource.Self);

ViewModel对应命令定义 #

确保ViewModel中的命令支持接收Caption类型的参数：

public ICommand SelectionChangedCommand { get; }

public YourViewModel()
{
    SelectionChangedCommand = new Command<Caption>(OnItemSelected);
}

private void OnItemSelected(Caption selectedItem)
{
    if (selectedItem == null) return;
    
    // 处理选中逻辑
    // 可选：清空选中状态，避免重复触发（如果需要）
    // 可以通过绑定SelectedItem到ViewModel的属性来实现，比如：
    // SelectedCaption = null;
}

额外注意事项 #

• 确保CollectionView的SelectionMode设置为Single（默认就是Single，但若设为None会导致选中事件不触发）
• 如果需要避免重复点击同一项目触发命令，可以在处理完选中逻辑后，将SelectedItem重置为null（可以通过绑定ViewModel的SelectedCaption属性到CollectionView.SelectedItem来实现双向绑定，在OnItemSelected中设置SelectedCaption = null）

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