Xamarin Forms中ControlTemplate内按钮Command绑定失效问题求助

核心问题：缺少可绑定属性（BindableProperty） #

Ah, I get it—your TemplateBinding for the command isn't working because MyCommand is a plain CLR property, not a BindableProperty. Xamarin.Forms' TemplateBinding relies entirely on the framework's bindable property system to establish and maintain the connection between the template and the parent control.

While your MyTextLabel CLR property seems to work initially, that's just a one-time value pass when the template is initialized. For commands (which need to respond to user actions and maintain binding links), the bindable property system is mandatory.

修复步骤 #

1. 将MyTextLabel和MyCommand转换为BindableProperty

更新你的BasePage C#代码，把普通属性替换为可绑定属性，并用CLR属性作为包装器：

using System;
using System.Windows.Input;
using ShoppingListNEW.Views;
using Xamarin.Forms;

namespace ShoppingListNEW.Pages
{
    public partial class BasePage : ContentPage
    {
        // 定义可绑定属性
        public static readonly BindableProperty MyTextLabelProperty =
            BindableProperty.Create(nameof(MyTextLabel), typeof(string), typeof(BasePage), "This Works");

        public static readonly BindableProperty MyCommandProperty =
            BindableProperty.Create(nameof(MyCommand), typeof(ICommand), typeof(BasePage));

        // CLR属性包装器
        public string MyTextLabel
        {
            get => (string)GetValue(MyTextLabelProperty);
            set => SetValue(MyTextLabelProperty, value);
        }

        public ICommand MyCommand
        {
            get => (ICommand)GetValue(MyCommandProperty);
            set => SetValue(MyCommandProperty, value);
        }

        public BasePage()
        {
            InitializeComponent();
            // 给可绑定属性赋值
            MyCommand = new Command(() => {
                Console.WriteLine("Now this works! 🎉");
            });
        }

        public void ShowHideLoading(bool showhide, bool allowCancel = false)
        {
            var loadingLayout = (AbsoluteLayout)GetTemplateChild("loading");
            var cancelButton = loadingLayout.FindByName<Button>("btnCancel");
            // 先判断控件是否存在，避免空引用
            if (cancelButton != null)
            {
                cancelButton.IsVisible = allowCancel;
            }
            loadingLayout.IsVisible = showhide;
        }
    }
}

2. 给XAML中的Button添加x:Name

你的ShowHideLoading方法里尝试查找名为btnCancel的Button，但当前XAML里的Button没有这个名称，会导致空引用异常。更新XAML的Button标签：

<Button x:Name="btnCancel" IsVisible="True" Text="{TemplateBinding MyTextLabel}" 
        AbsoluteLayout.LayoutFlags="PositionProportional" 
        AbsoluteLayout.LayoutBounds="0.5,0.5" 
        Command="{TemplateBinding MyCommand}" />

为什么这样能解决问题？ #

• BindableProperties are the backbone of Xamarin.Forms' data binding system. They enable property change notifications, validation, and most importantly, work correctly with TemplateBinding (which is a specialized form of binding for control templates).
• Plain CLR properties don't participate in this system—so when you use TemplateBinding on them, the framework can't establish the necessary connection to trigger the command when the button is clicked.

内容的提问来源于stack exchange，提问作者Martin Crawley