Xamarin Forms自定义加载按钮控件中Command始终为空的问题

嘿，我刚好踩过类似的坑！你的自定义ButtonLoader绑定Command后一直为null，核心问题在于你没有把自定义控件的Command属性和内部的SfButton正确关联起来，同时缺少了属性变更的监听和执行逻辑的串联。下面一步步帮你修复：

问题根源拆解 #

你定义了自定义的Command可绑定属性，但页面绑定的Command值并没有真正传递到内部的SfButton；而且你在btn_Clicked事件里直接访问的Command属性，因为没有处理属性变更通知，绑定上下文的数值也没有正确同步。另外，直接用Clicked事件触发Command也不是最佳实践，应该利用Xamarin的Command机制来串联逻辑。

具体修复步骤 #

1. 修正BindableProperty定义，添加属性变更回调 #

首先更新你的CommandProperty定义，增加属性变更的处理逻辑，确保当外部绑定的Command变化时，同步到内部的SfButton，并监听命令的可执行状态：

public static readonly BindableProperty CommandProperty = BindableProperty.Create(
    nameof(Command),
    typeof(ICommand),
    typeof(ButtonLoader),
    default(ICommand),
    BindingMode.OneWay, // Command一般用OneWay足够，双向绑定也没问题
    propertyChanged: OnCommandChanged);

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

private static void OnCommandChanged(BindableObject bindable, object oldValue, object newValue)
{
    var loader = (ButtonLoader)bindable;
    
    // 移除旧命令的状态监听
    if (oldValue is ICommand oldCmd)
    {
        oldCmd.CanExecuteChanged -= loader.OnCommandCanExecuteChanged;
    }
    
    // 将新命令同步给内部的SfButton
    loader.btn.Command = newValue as ICommand;
    
    // 监听新命令的可执行状态变化
    if (newValue is ICommand newCmd)
    {
        newCmd.CanExecuteChanged += loader.OnCommandCanExecuteChanged;
    }
}

private void OnCommandCanExecuteChanged(object sender, EventArgs e)
{
    // 更新内部按钮的可点击状态
    btn.CanExecute(null);
}

2. 重构执行逻辑，用Command串联加载效果 #

不要再用btn_Clicked事件，而是让内部按钮的Command指向一个自定义的执行逻辑，这样可以在Command执行前后统一处理加载状态：

先在构造函数里设置内部按钮的Command：

public ButtonLoader()
{
    InitializeComponent();
    // 内部按钮绑定到我们的自定义执行命令
    btn.Command = new Command(async () => await ExecuteWrappedCommand());
}

private async Task ExecuteWrappedCommand()
{
    // 先判断命令是否可执行
    if (Command == null || !Command.CanExecute(null))
        return;

    // 显示加载状态
    labelLoader.Text = TextWaiting;
    busyIndicator.IsBusy = true;
    busyIndicator.IsVisible = true;

    try
    {
        // 执行外部绑定的Command
        if (Command is AsyncCommand asyncCmd)
        {
            await asyncCmd.Execute(null); // 直接调用AsyncCommand的异步执行
        }
        else
        {
            Command.Execute(null);
            // 如果是同步命令，这里可以根据需要添加延迟或直接继续
        }
    }
    finally
    {
        // 无论成功失败，都隐藏加载状态
        busyIndicator.IsVisible = false;
        busyIndicator.IsBusy = false;
        labelLoader.Text = TextLabel;
    }
}

3. 确保页面绑定正确 #

页面XAML里的绑定保持不变，但要确认你的自定义控件的命名空间正确：

<local:ButtonLoader 
    Command="{Binding ValidateMandatoryCommand}"
    TextLabel="提交" 
    TextWaiting="提交中..." />

额外注意事项 #

• 你的AsyncCommand类里的InvokeSafely方法要确保不会空引用，可以添加一个扩展方法：

  public static void InvokeSafely(this EventHandler handler, object sender, EventArgs args)
  {
      handler?.Invoke(sender, args);
  }
  

• 如果你需要传递Command参数，可以扩展CommandParameter的可绑定属性，同步到内部按钮的CommandParameter。

这样修改后，你的自定义ButtonLoader就能正确绑定外部Command，并且在执行时自动显示加载效果啦！

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