.NET MAUI中RelayCommand无法绑定到自定义视图Bindable Property

问题原因分析 #

出现'DeleteCommand' property not found警告的核心原因有两个：

1. BindableProperty类型不匹配：自定义视图中定义的RightButtonCommandProperty类型是Command，但MVVM Toolkit生成的RelayCommand实现的是ICommand接口，具体类型不匹配导致绑定识别异常。
2. 绑定方向错误：设置了BindingMode.OneWayToSource，该模式是将自定义视图的属性值传递给ViewModel的属性，但ViewModel中由[RelayCommand]生成的DeleteCommand是只读属性，反向绑定会尝试寻找可写的DeleteCommand属性，从而触发警告。

解决方案 #

1. 修改自定义视图的BindableProperty定义 #

将RightButtonCommandProperty的类型改为ICommand，并修正绑定模式为OneWay（或使用默认模式，因为Command类型的默认绑定模式就是OneWay）：

public partial class NavigationBar : ContentView
{
    // BindableProperty for the right image button's command
    public static readonly BindableProperty RightButtonCommandProperty =
        BindableProperty.Create(
            nameof(RightButtonCommand), 
            typeof(ICommand), 
            typeof(NavigationBar), 
            default(ICommand), 
            BindingMode.OneWay);

    // Right button command property
    public ICommand RightButtonCommand
    {
        get => (ICommand)GetValue(RightButtonCommandProperty);
        set => SetValue(RightButtonCommandProperty, value);
    }
}

2. 保持XAML绑定不变 #

MainPage.xaml中的绑定无需修改，因为ViewModel的DeleteCommand是由[RelayCommand]自动生成的，名称正确且Total绑定正常说明BindingContext设置无误：

<views:NavigationBar
    Title="{Binding Total, StringFormat='{0:C}'}"
    RightButtonImageSource="add"
    RightButtonCommand="{Binding DeleteCommand}"/>

验证说明 #

修改后，RelayCommand（实现ICommand）可以正确匹配自定义视图的ICommand类型属性，同时绑定方向改为从ViewModel传递到自定义视图，符合命令绑定的常规逻辑，警告会消失且命令能正常触发。

内容的提问来源于stack exchange，提问作者Eliezer Ferrá