UWP中如何实现Command Chaining供ViewModel调用自定义控件方法

现有代码存在3个核心问题会导致方案失效：

• 自定义控件构造函数中直接为RefreshCommand赋值内部Command，但依赖属性未开启双向绑定，控件侧赋值的Command无法同步到ViewModel，ViewModel侧拿到的属性始终为null
• 依赖属性字段未加只读修饰，不符合UWP依赖属性实现规范
• 无参RefreshStatus()方法内部调用同命名有参重载，若有参方法反向调用无参入口会触发无限递归，建议做命名区分

第一步：修正自定义控件代码 #

将依赖属性配置为默认双向绑定，在构造函数中为依赖属性赋值绑定内部业务方法的Command，代码如下：

/// <summary>
/// 自定义状态栏控件
/// </summary>
public partial class StatusBar : UserControl
{
    public StatusBar()
    {
        InitializeComponent();
        // 为依赖属性赋值关联内部刷新方法的Command，双向绑定生效后会自动同步到ViewModel
        SetValue(RefreshCommandProperty, new RelayCommand(RefreshStatusCore));
    }

    // 依赖属性定义，开启默认双向绑定
    public static readonly DependencyProperty RefreshCommandProperty = DependencyProperty.Register(
        nameof(RefreshCommand),
        typeof(ICommand),
        typeof(StatusBar),
        new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault)
    );

    /// <summary>
    /// 刷新状态栏命令，双向绑定后会自动关联控件内部实现
    /// </summary>
    public ICommand RefreshCommand
    {
        get => (ICommand)GetValue(RefreshCommandProperty);
        set => SetValue(RefreshCommandProperty, value);
    }

    /// <summary>
    /// 内部刷新逻辑入口
    /// </summary>
    private void RefreshStatusCore()
    {
        RegistrationState state = LinphoneManager.Instance.Core.DefaultProxyConfig == null
            ? RegistrationState.None
            : LinphoneManager.Instance.Core.DefaultProxyConfig.State;
        
        // 调用实际UI更新逻辑，独立命名避免递归
        UpdateStatusVisual(state);
    }

    /// <summary>
    /// 实际更新状态栏UI的逻辑
    /// </summary>
    /// <param name="state">注册状态</param>
    private void UpdateStatusVisual(RegistrationState state)
    {
        // 原有根据state更新UI的业务代码
    }
}

第二步：ViewModel侧定义命令属性 #

基于CommunityToolkit.Mvvm框架，只需要定义支持属性变更通知的ICommand类型属性即可，不需要手动初始化Command实例——绑定生效后控件会将关联了内部方法的Command实例自动回传到该属性：

public partial class CallViewModel : ObservableObject
{
    /// <summary>
    /// 刷新状态栏命令，绑定后由控件侧自动赋值实现
    /// </summary>
    [ObservableProperty]
    private ICommand? _refreshCommand;

    // 其他业务逻辑中需要刷新状态栏时，直接调用命令即可
    private void OnRegistrationStateChanged()
    {
        // 业务逻辑处理完成后触发状态栏刷新
        if (RefreshCommand?.CanExecute(null) == true)
        {
            RefreshCommand.Execute(null);
        }
    }
}

第三步：XAML绑定配置 #

原有XAML绑定不需要额外修改，因为依赖属性已经配置了默认双向绑定，直接绑定ViewModel的命令属性即可：

<controls:StatusBar 
    x:Name="status" 
    Grid.Row="0"
    RefreshCommand="{Binding RefreshCommand}"
    Tapped="status_Tapped"/>

实现说明 #

这种写法完全符合Command Chaining的设计要求：

• View和ViewModel之间无直接引用依赖，所有交互通过绑定系统完成
• ViewModel不需要感知控件的具体实现，只需要在需要触发刷新时调用Command即可，后续如果替换成其他实现了同名RefreshCommand依赖属性的控件，ViewModel代码不需要做任何修改
• 所有控件内部业务逻辑完全封装在控件自身，没有破坏MVVM的分层边界

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