MAUI中使用Command绑定按钮时，如何在ViewModel中禁用按钮？

核心原因 #

当Button绑定Command后，MAUI会自动将Button的IsEnabled状态与Command的CanExecute结果关联，此时手动设置Button的IsEnabled属性会被Command的状态覆盖——这也是官方文档警告使用命令接口时，请勿使用Button的IsEnabled属性的根本原因。

正确实现方式 #

要实现按钮间的切换禁用，需通过Command的CanExecute机制来控制，具体步骤如下：

1. 修正ViewModel代码 #

使用带canExecute参数的Command重载，同时在状态变化时调用ChangeCanExecute()触发UI更新：

public partial class CalendarPageViewModel : ObservableObject
{
    private readonly CalendarService _calendarService;

    [ObservableProperty]
    private bool _isMonthActive = true; // 初始默认激活Month按钮，禁用List按钮

    [ObservableProperty]
    private bool _isListActive; // 修正命名规范：原代码_IsListActive改为小写开头

    public ICommand SetMonthCommand { get; }
    public ICommand SetListCommand { get; }

    public CalendarPageViewModel(CalendarService calendarService)
    {
        _calendarService = calendarService;

        // Month按钮命令：IsListActive为true时可点击
        SetMonthCommand = new Command(
            execute: () =>
            {
                IsMonthActive = true;
                IsListActive = false;
                // 状态变更后通知命令更新可执行状态
                SetMonthCommand.ChangeCanExecute();
                SetListCommand.ChangeCanExecute();
            },
            canExecute: () => IsListActive
        );

        // List按钮命令：IsMonthActive为true时可点击
        SetListCommand = new Command(
            execute: () =>
            {
                IsListActive = true;
                IsMonthActive = false;
                // 状态变更后通知命令更新可执行状态
                SetMonthCommand.ChangeCanExecute();
                SetListCommand.ChangeCanExecute();
            },
            canExecute: () => IsMonthActive
        );
    }
}

2. 简化XAML代码 #

移除Button的IsEnabled绑定，仅保留Command绑定即可——按钮的启用/禁用状态会由Command的CanExecute结果自动控制：

<ScrollView Style="{StaticResource mainScrollView}">
    <VerticalStackLayout>
        <HorizontalStackLayout>
            <Button Text="Month" 
                    Command="{Binding SetMonthCommand}"
                    Style="{StaticResource buttonCalendar}"/>
            <Button Text="List" 
                    Command="{Binding SetListCommand}"
                    Style="{StaticResource buttonCalendar}"/>
        </HorizontalStackLayout>
        <!-- 其他页面内容 -->
    </VerticalStackLayout>
</ScrollView>

关键说明 #

• canExecute委托定义了按钮的可点击条件，当依赖的属性（如IsMonthActive）变化时，必须调用ChangeCanExecute()，否则UI不会同步更新按钮状态。
• 可通过调整IsMonthActive和IsListActive的初始值，设置页面加载时默认启用/禁用的按钮。

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