带有 XF 的 ReactiveUI：如何为自定义控件创建命令绑定器？答案

【问题标题】：ReactiveUI with XF: How to create a Command Binder for a custom control?带有 XF 的 ReactiveUI：如何为自定义控件创建命令绑定器？
【发布时间】：2019-03-09 19:45:01
【问题描述】：

我正在使用 Xamarin Forms 和 ReactiveUI 并尝试将自定义命令从自定义 XF 控件绑定到我的视图模型。

this.BindCommand(ViewModel, vm => vm.HasChangesCommand, view => view.socket1);

我的控制 socket1 有一个 ICommand 类型的依赖属性命令。但是，我收到错误消息：

“System.Exception：找不到 [ControlName] 的命令绑定器”

我想我必须为我的控件创建一个命令绑定器，但我找不到任何有关如何执行此操作的提示。
是否有关于如何为 Xamarin Forms 上的自定义控件创建命令绑定器的文档？

编辑：我已经看到添加第三个参数“eventName”它正在工作。但是我想知道是否有任何方法可以构建该命令绑定器，因此您无需在该调用中指定事件。

【问题讨论】：

如果执行 view.socket1.Command 会怎样？
要创建“命令绑定器”，您必须实现此接口：ICreatesCommandBinding

标签： xamarin.forms reactiveui

【解决方案1】：

如果您希望能够将BindCommand 与自定义视图一起使用，最简单的方法是在名为Command 的视图上拥有ICommand 类型的属性。将OneWayBind 用作Daniel suggested 也很容易，尽管当您习惯于使用BindCommand 进行命令绑定时也很容易忘记这样做。

如果您想使用其他任何东西（事件、手势识别器等...），您可以创建ICreatesCommandBinding 的实现，它定义了命令如何连接到目标对象。因此，您可以执行以下操作：

public class SocketControl : ContentView
{
    public static readonly BindableProperty MyCustomCommandProperty = BindableProperty.Create(
        nameof(MyCustomCommand),
        typeof(ICommand),
        typeof(SocketControl));

    public ICommand MyCustomCommand
    {
        get => (ICommand)GetValue(MyCustomCommandProperty);
        set => SetValue(MyCustomCommandProperty, value);
    }

    //...
}

public sealed class SocketControlCommandBinder : ICreatesCommandBinding
{
    public IDisposable BindCommandToObject(ICommand command, object target, IObservable<object> commandParameter)
    {
        var socket = (SocketControl)target;

        // get the original value so we can restore it when the binding is disposed...
        var originalValue = socket.GetValue(SocketControl.MyCustomCommandProperty);
        var disposable = Disposable.Create(() => socket.SetValue(SocketControl.MyCustomCommandProperty, originalValue));

        // set the control's command to the view-model's command
        socket.SetValue(SocketControl.MyCustomCommandProperty, command);

        return disposable;
    }

    public IDisposable BindCommandToObject<TEventArgs>(ICommand command, object target, IObservable<object> commandParameter, string eventName)
    {
        /// not shown here ...
        return Disposable.Empty;
    }

    /// <summary>
    /// Returns a positive integer when this class supports BindCommandToObject for this
    /// particular Type. If the method isn't supported at all, return a non-positive integer.
    /// When multiple implementations return a positive value, the host will use the one which
    /// returns the highest value. When in doubt, return '2' or '0'
    /// </summary>
    /// <param name="type">The type to query for.</param>
    /// <param name="hasEventTarget">If true, the host intends to use a custom event target.</param>
    /// <returns>A positive integer if BCTO is supported, zero or a negative value otherwise</returns>
    public int GetAffinityForObject(Type type, bool hasEventTarget)
    {
        return type.GetTypeInfo().IsAssignableFrom(typeof(SocketControl).GetTypeInfo()) ? 2 : 0;
    }
}

一旦你创建了命令绑定器，你需要注册它以便 ReactiveUI 知道如何使用它。在您的 app.xaml.cs（或您创建应用程序的任何位置）中：

Splat.Locator.CurrentMutable.Register(
    () => new SocketControlCommandBinder(),
    typeof(ReactiveUI.ICreatesCommandBinding));

【讨论】：

【解决方案2】：

解决此问题的一种方法是对命令执行 OneWayBind。然后您的控件应该处理该命令。需要时启用设置，需要时执行命令。

this.OneWayBind(ViewModel, vm => vm.HasChangesCommand, view => view.socket1.CommandName);

【讨论】：

谢谢，哇，我花了一整天才找到这个