在Xamarin.Forms XAML中绑定命令到原生视图失败求助

我明白你折腾了好几篇教程都没搞定这个绑定问题，核心原因其实是你直接给原生控件加的Command属性不是Xamarin.Forms绑定系统能识别的可绑定属性（BindableProperty），原生控件本身不支持Forms的绑定机制，得绕个小弯儿来实现，下面是具体的解决步骤：

第一步：在共享项目中创建自定义Forms View #

我们需要一个能被Forms绑定系统识别的“中间层”控件，它继承自Forms的View，并定义Command的可绑定属性：

using Xamarin.Forms;

namespace YourAppNameSpace
{
    public class CustomFAB : View
    {
        // 定义Command的可绑定属性，这是Forms绑定的关键
        public static readonly BindableProperty CommandProperty =
            BindableProperty.Create(
                nameof(Command), 
                typeof(ICommand), 
                typeof(CustomFAB),
                default(ICommand));

        public ICommand Command
        {
            get => (ICommand)GetValue(CommandProperty);
            set => SetValue(CommandProperty, value);
        }
    }
}

第二步：修改Android原生FAB的代码 #

确保你的MyFAB的Command属性是ICommand类型（更通用），并保留点击触发逻辑：

using Android.Content;
using Android.Support.Design.Widget;

namespace YourAppNameSpace.Droid
{
    public class MyFAB : FloatingActionButton
    {
        public ICommand Command { get; set; }

        public MyFAB(Context context) : base(context)
        {
            SetImageResource(Resource.Drawable.ic_add_white_24dp);
            // 点击时执行Command
            Click += (sender, e) => Command?.Execute(null);
        }
    }
}

第三步：创建自定义Renderer关联Forms View和原生FAB #

在Android项目中写一个Renderer，把我们的CustomFAB映射到MyFAB，并处理绑定的更新逻辑：

using Android.Content;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using YourAppNameSpace;
using YourAppNameSpace.Droid;

[assembly: ExportRenderer(typeof(CustomFAB), typeof(CustomFABRenderer))]
namespace YourAppNameSpace.Droid
{
    public class CustomFABRenderer : ViewRenderer<CustomFAB, MyFAB>
    {
        public CustomFABRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<CustomFAB> e)
        {
            base.OnElementChanged(e);

            // 创建原生FAB并设置为控件
            if (Control == null)
            {
                SetNativeControl(new MyFAB(Context));
            }

            // 清理旧元素的事件监听
            if (e.OldElement != null)
            {
                Control.Click -= OnFabClicked;
            }

            // 绑定新元素的Command和事件
            if (e.NewElement != null)
            {
                UpdateCommand();
                Control.Click += OnFabClicked;
            }
        }

        // 当Forms View的属性变化时更新原生控件
        protected override void OnElementPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);
            if (e.PropertyName == CustomFAB.CommandProperty.PropertyName)
            {
                UpdateCommand();
            }
        }

        // 更新原生FAB的Command
        private void UpdateCommand()
        {
            Control.Command = Element.Command;
        }

        // 触发Forms View的Command（和原生点击逻辑互补，确保绑定生效）
        private void OnFabClicked(object sender, System.EventArgs e)
        {
            Element.Command?.Execute(null);
        }
    }
}

第四步：在XAML中使用并绑定Command #

现在你可以在XAML里直接用我们的CustomFAB绑定ViewModel的Command了，记得引入对应的命名空间：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNameSpace"
             x:Class="YourAppNameSpace.MainPage">

    <!-- 绑定ViewModel中的Command -->
    <local:CustomFAB Command="{Binding AddItemCommand}" />

</ContentPage>

关键注意点 #

• 确保你的ViewModel实现了INotifyPropertyChanged接口，这样当Command变化时绑定能自动更新
• 替换代码中的YourAppNameSpace为你实际的项目命名空间
• 如果需要传递参数，可以给CustomFAB添加CommandParameter的可绑定属性，实现逻辑和Command类似

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