在 Xamarin.forms Xaml 中将命令绑定到本机视图

Question

我已经关注了几个关于在 Xamarin.Forms 中使用本机视图的教程，但是我没有成功将命令绑定到从 ViewModel 到本机视图。

下面是android中自定义Native控件的代码：

public class MyFAB : FloatingActionButton
{
    public Command Command { get; set; }

    public MyFAB (Context context) : base(context)
    {
        this.SetImageResource(Resource.Drawable.ic_add_white_24dp);

        Click += (sender, e) =>
        {
            Command?.Execute(null);
        };
    }
}

这是 Xaml 代码：

<droidCustom:AddFAB x:Arguments="{x:Static formsDroid:Forms.Context}" UseCompatPadding="true" Command="{Binding AddCategoryCommand}"
            AbsoluteLayout.LayoutBounds="1,1,AutoSize,AutoSize" AbsoluteLayout.LayoutFlags="PositionProportional"/>

视图正确显示，但命令未触发，当我调试时，命令从未分配，它始终为空。 当我在线浏览博客文章时，他们说命令绑定不需要任何可绑定属性......但在这里我仍然遇到问题。

Answer 1

您已经创建了一个简单的Command 属性。为此，您必须改为创建BindableProperty。

将Command 的属性声明更改为此，它应该可以工作：

public static readonly BindableProperty CommandProperty = BindableProperty.Create(nameof(Command), typeof(ICommand), typeof(MyFAB), null);
public ICommand Command
{
    get { return (ICommand)GetValue(CommandProperty); }
    set { SetValue(CommandProperty, value); }
} 

// Adding support to command parameters
public static readonly BindableProperty CommandParameterProperty = BindableProperty.Create(nameof(CommandParameter), typeof(object), typeof(MyFAB), null);
public object CommandParameter
{
    get { return GetValue(CommandParameterProperty); }
    set { SetValue(CommandParameterProperty, value); }
}

还有Click 处理程序：

Click += (sender, e) =>
    {
        Command?.Execute(CommandParameter);
    };

希望对你有帮助。看official Microsoft docs about BindablePropperties更详细的解释