切换绑定上下文时CanExecute未触发的技术问题排查

• 自定义控件Numpad，包含Up、Down两个按钮，以及可绑定属性Text。点击按钮会增减Text的值，当Text为0时，Down按钮需禁用。
• 页面包含两个单选按钮Quantity和UnitPrice，以及一个Numpad控件。
• 页面绑定视图模型ItemViewModel，该模型有Quantity和UnitPrice两个整数属性。
• 根据选中的单选按钮，Numpad.Text会绑定到Quantity或UnitPrice。

当前问题：当Numpad.Text为0时，Down按钮未被禁用，不符合预期。

最小复现代码 #

Numpad.cs #

public partial class Numpad : ContentView
{
    private int? _value;

    public static readonly BindableProperty TextProperty =
           BindableProperty.Create(
               propertyName: nameof(Text),
               returnType: typeof(string),
               defaultValue: "0",
               defaultBindingMode: BindingMode.TwoWay,
               declaringType: typeof(Numpad),
               propertyChanged: (bindable, oldValue, newValue) =>
               {
                   var @this = (Numpad)bindable;
                   ((Command)@this.UpCommand).ChangeCanExecute();
                   ((Command)@this.DownCommand).ChangeCanExecute();
                   Trace.WriteLine("property Text has been changed!");
               });

    public string Text
    {
        get => (string)GetValue(TextProperty);
        set => SetValue(TextProperty, value);
    }

    public ICommand UpCommand { get; }
    public ICommand DownCommand { get; }

    public Numpad()
    {
        UpCommand = new Command(
            execute: () =>
            {
                Text = $"{_value + 1}";
            },
            canExecute: () =>
            {
                Trace.WriteLine("UpCommand's CanExecute()");
                if (int.TryParse(Text, out int x))
                {
                    _value = x;
                    return true;
                }

                _value = null;
                return false;
            }
        );

        DownCommand = new Command(
            execute: () =>
            {
                Text = $"{_value - 1}";
            },
            canExecute: () =>
            {
                Trace.WriteLine("DownCommand's CanExecute()");
                if (int.TryParse(Text, out int x))
                {
                    _value = x;
                    return _value > 0;
                }

                _value = null;
                return false;
            }
        );
    }
}

Numpad.xaml #

<ContentView
    ...
    xmlns:loc="clr-namespace:MyProject.Views"
    x:Class="MyProject.Views.Numpad"
    x:Name="This">
    <VerticalStackLayout BindingContext="{Reference This}">
        <Button
            Text="Up"
            Command="{Binding UpCommand}" />
        <Button
            Text="Down"
            Command="{Binding DownCommand}" />
    </VerticalStackLayout>
</ContentView>

ItemViewModel.cs #

public class ItemViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler? PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string? propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    private int _quantity;
    private int _unitPrice;
    public int Quantity
    {
        get { return _quantity; }
        set
        {
            _quantity = value;
            OnPropertyChanged();
        }
    }
    public int UnitPrice
    {
        get { return _unitPrice; }
        set
        {
            _unitPrice = value;
            OnPropertyChanged();
        }
    }
}

ChangerPage.cs #

public partial class ChangerPage : ContentPage
{
    public ChangerPage()
    {
        BindingContext = new ItemViewModel { Quantity = 3, UnitPrice = 5 };
        InitializeComponent();
        RadioButtonQuantity.IsChecked = true;
    }
    private void RadioButton_CheckedChanged(object sender, CheckedChangedEventArgs e)
    {
        if (e.Value)
        {
            var rb = sender as RadioButton;
            if (rb == RadioButtonQuantity)
            {
                cv.SetBinding(Numpad.TextProperty, nameof(ItemViewModel.Quantity));                
            }
            if (rb == RadioButtonUnitPrice)
            {
                cv.SetBinding(Numpad.TextProperty, nameof(ItemViewModel.UnitPrice));
            }
        }
    }
}

ChangerPage.xaml #

<ContentPage
    ...
    xmlns:loc="clr-namespace:MyProject.Views"
    xmlns:vm="clr-namespace:MyProject.ViewModels"
    x:Class="MyProject.ChangerPage"
    x:DataType="vm:ItemViewModel"
    Title="Changer Page">
    <VerticalStackLayout RadioButtonGroup.GroupName="Numpad">
        <RadioButton
            x:Name="RadioButtonQuantity"
            Content="{Binding Quantity,Mode=TwoWay}"
            CheckedChanged="RadioButton_CheckedChanged"
            />
        <RadioButton
            x:Name="RadioButtonUnitPrice"
            Content="{Binding UnitPrice,Mode=TwoWay}"
            CheckedChanged="RadioButton_CheckedChanged" />
        <loc:Numpad
            x:Name="cv"
            Text="{Binding Quantity,Mode=TwoWay}"
            ReturnClicked="OnReturnClicked" />
    </VerticalStackLayout>
</ContentPage>

问题根源 #

1. 绑定切换未触发命令状态更新：切换单选按钮时，直接调用SetBinding替换绑定，新绑定的初始值同步不会触发TextProperty的propertyChanged回调，导致DownCommand.ChangeCanExecute()未被调用，按钮状态未更新。
2. _value字段状态不一致：DownCommand.CanExecute依赖_value字段，但该字段仅在CanExecute被调用或Text属性变化时更新。绑定切换后CanExecute未触发，_value保留旧值，导致判断逻辑失效。
3. 重复绑定未清理：多次调用SetBinding未移除旧绑定，绑定叠加引发数据同步混乱，进一步影响命令状态判断。

修复方案 #

1. 切换绑定时清理旧绑定并手动触发命令更新 #

修改ChangerPage的RadioButton_CheckedChanged方法：

private void RadioButton_CheckedChanged(object sender, CheckedChangedEventArgs e)
{
    if (e.Value)
    {
        var rb = sender as RadioButton;
        // 先清除旧绑定
        cv.RemoveBinding(Numpad.TextProperty);
        if (rb == RadioButtonQuantity)
        {
            cv.SetBinding(Numpad.TextProperty, nameof(ItemViewModel.Quantity));                
        }
        if (rb == RadioButtonUnitPrice)
        {
            cv.SetBinding(Numpad.TextProperty, nameof(ItemViewModel.UnitPrice));
        }
        // 手动触发命令状态更新
        cv.DownCommand.ChangeCanExecute();
        cv.UpCommand.ChangeCanExecute();
    }
}

2. 优化命令逻辑，移除对_value字段的依赖 #

直接在命令逻辑中解析Text值，避免依赖可能不一致的字段：

// 重构UpCommand
UpCommand = new Command(
    execute: () =>
    {
        if (int.TryParse(Text, out int x))
        {
            Text = $"{x + 1}";
        }
    },
    canExecute: () => int.TryParse(Text, out _)
);

// 重构DownCommand
DownCommand = new Command(
    execute: () =>
    {
        if (int.TryParse(Text, out int x))
        {
            Text = $"{x - 1}";
        }
    },
    canExecute: () => int.TryParse(Text, out int x) && x > 0
);

同时可以删除_value字段，减少不必要的状态维护。

3. 初始化时触发命令状态检查 #

在Numpad构造函数末尾添加命令状态更新，确保初始状态正确：

public Numpad()
{
    // 初始化命令逻辑...
    
    InitializeComponent();
    // 初始化后触发一次命令状态检查
    UpCommand.ChangeCanExecute();
    DownCommand.ChangeCanExecute();
}

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