.NET MAUI中CommunityToolkit.Mvvm下CollectionView命令失效

问题背景 #

我有一个基于Community Toolkit Mvvm的.NET MAUI项目，选中CollectionView中的元素时，SelectionChangedCommand始终不触发。该项目用于复现另一个复杂项目中“无法在ViewModel中找到绑定命令”的问题，已确认视图与ViewModel绑定正常：CollectionView可通过ViewModel填充数据，Border的可见性也能通过绑定属性正常变更。

问题原因 #

核心问题出在RelayCommand的命名规则：
Community Toolkit Mvvm的[RelayCommand]特性会自动为标记的方法生成对应的ICommand属性，命名规则为方法名 + Command。你ViewModel中标记[RelayCommand]的方法名为MessageSelectedCommand，因此自动生成的命令属性实际是MessageSelectedCommandCommand，但XAML中绑定的是MessageSelectedCommand，导致绑定不匹配，命令无法触发。

此外，原命令方法使用void返回值，不利于异步操作的状态管理，建议改为Task。

解决方案 #

1. 修正RelayCommand方法名 #

调整ViewModel中的命令方法名，让自动生成的命令属性与XAML中的绑定名称一致：

public partial class LoginPageViewModel : ObservableObject
{
    [ObservableProperty]
    private MessagesMessages messageSelected;

    [ObservableProperty]
    private bool visible;

    public ObservableCollection<MessagesMessages> Messages { get; } = new();

    public LoginPageViewModel()
    {
        Visible = true;
        GetMessages();
    }

    // 修改方法名为MessageSelected，自动生成MessageSelectedCommand属性
    [RelayCommand]
    async Task MessageSelected()
    {
        var snackbar = Snackbar.Make("Hola");
        await snackbar.Show();
    }

    private void GetMessages()
    {
        Messages.Add(new MessagesMessages { Asunto = "Hola" });
        Messages.Add(new MessagesMessages { Asunto = "Hola1" });
        Messages.Add(new MessagesMessages { Asunto = "Hola2" });
        Messages.Add(new MessagesMessages { Asunto = "Hola3" });
    }
}

2. 可选：传递选中项到命令 #

如果需要直接获取选中的元素，可以给命令方法添加参数，并在XAML中绑定命令参数：

ViewModel修改：

[RelayCommand]
async Task MessageSelected(MessagesMessages selectedItem)
{
    if (selectedItem == null) return;
    var snackbar = Snackbar.Make($"选中了：{selectedItem.Asunto}");
    await snackbar.Show();
}

XAML修改：

<CollectionView Background="Transparent" 
                ItemsSource="{Binding Messages}" 
                SelectionMode="Single" 
                SelectedItem="{Binding MessageSelected}"  
                SelectionChangedCommand="{Binding MessageSelectedCommand}"
                SelectionChangedCommandParameter="{Binding SelectedItem, RelativeSource={RelativeSource Self}}">
    <!-- 原有ItemTemplate内容不变 -->
</CollectionView>

3. 验证绑定正确性 #

保持原有视图与ViewModel的绑定逻辑不变即可，因为已确认数据绑定和属性绑定正常。

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