.NET MAUI中如何删除CollectionView的选中项？

核心错误点 #

1. CollectionView选中项绑定错误：你将SelectedItem绑定到了SelectedItem.FileName（字符串类型），而非ViewModel中SelectedItem（Data类型），导致ViewModel无法接收选中的Data实例。
2. SelectedItem未实现属性变更通知：ViewModel的SelectedItem属性未触发PropertyChanged事件，UI选中状态变化时ViewModel无法同步更新。
3. 参数类型不匹配：上述错误导致按钮传递的CommandParameter不是预期的Data类型，引发异常。

具体修复步骤 #

1. 修正CollectionView的SelectedItem绑定 #

将SelectedItem绑定到ViewModel的SelectedItem属性（Data类型），而非FileName：

<CollectionView SelectionMode="Single" 
                SelectedItem="{Binding Source={Reference sideview}, Path=myViewModel.SelectedItem}" 
                ItemsSource="{Binding Source={x:Reference sideview}, Path=myViewModel.Items }">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Label Text="{Binding FileName}" VerticalOptions="Center"/>
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

2. 让ViewModel实现属性变更通知 #

修改ViewModel，实现INotifyPropertyChanged接口，确保UI与ViewModel的选中状态同步：

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Collections.ObjectModel;
using CommunityToolkit.Mvvm.Input;

public class MyViewModel : INotifyPropertyChanged
{
    public ObservableCollection<Data> Items { get; set; }

    private Data _selectedItem;
    public Data SelectedItem
    {
        get => _selectedItem;
        set
        {
            if (_selectedItem != value)
            {
                _selectedItem = value;
                OnPropertyChanged(); // 触发属性变更通知
            }
        }
    }

    public MyViewModel()
    {
        Items = new ObservableCollection<Data>();
        _selectedItem = null; // 初始化为null而非空Data实例
    }

    [RelayCommand]
    public void Delete(Data s)
    {
        if (s != null && Items.Contains(s))
        {
            Items.Remove(s);
            SelectedItem = null; // 删除后清空选中项
        }
    }

    // 实现INotifyPropertyChanged接口
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. 确认按钮的CommandParameter绑定 #

按钮的BindingContext若为ViewModel，直接绑定SelectedItem即可，无需额外属性：

<Button x:Name="BTN_REMOVE_FILE"  
        Text="Remove" 
        Command="{Binding DeleteCommand}" 
        CommandParameter="{Binding SelectedItem}" />

效果验证 #

修复后，选中CollectionView中的项时，ViewModel的SelectedItem会同步为对应的Data实例；点击删除按钮，CommandParameter会传递正确的Data对象，执行删除逻辑后该项会从列表中移除，同时选中状态清空。

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