.NET MAUI MVVM中如何根据Entry输入启用/禁用按钮？

一、优化View代码 #

给Entry绑定Text到ViewModel的Name属性，按钮无需手动绑定IsEnabled（会通过命令的CanExecute自动控制状态）：

<Entry Placeholder="Enter Name"
       MaxLength="15"
       Text="{Binding Name}" />

<Button 
     Command="{Binding SubmitCommand}"
     Text="Submit"
/>

二、优化ViewModel代码 #

利用CommunityToolkit.MVVM的ObservableProperty自动生成的属性变更回调，替代单独的NameLength命令，实现输入变化时自动校验：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Microsoft.Maui.Controls;

namespace YourProjectNamespace;

public partial class YourViewModel : ObservableObject
{
    [ObservableProperty]
    string _name = string.Empty;

    [ObservableProperty]
    bool _isNameLengthValid = false;

    [RelayCommand(CanExecute = nameof(IsNameLengthValid))]
    async Task Submit()
    {
        await Toast.Make("Form Submitted").Show().ConfigureAwait(false);
    }

    // Name属性变更时自动触发此方法
    partial void OnNameChanged(string? oldValue, string? newValue)
    {
        // 校验输入长度是否≥3
        IsNameLengthValid = !string.IsNullOrEmpty(newValue) && newValue.Length >= 3;
        // 通知SubmitCommand更新可执行状态，按钮会自动同步启用/禁用
        SubmitCommand.NotifyCanExecuteChanged();
    }
}

三、原理说明 #

• Entry的Text与ViewModel的Name双向绑定，每次输入字符都会更新Name属性。
• OnNameChanged是CommunityToolkit.MVVM为[ObservableProperty]自动生成的回调方法，会在Name值变化时触发，我们在这里完成长度校验。
• 通过SubmitCommand.NotifyCanExecuteChanged()通知命令重新检查CanExecute条件（即IsNameLengthValid的值），按钮会自动根据命令状态切换启用/禁用，无需手动维护IsEnabled绑定。

可选方案：使用EventToCommandBehavior绑定TextChanged事件 #

如果你更倾向于用命令触发校验，可以借助MAUI Community Toolkit的EventToCommandBehavior：

1. 在XAML头部添加命名空间：

xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"

2. 修改Entry代码：

<Entry Placeholder="Enter Name"
       MaxLength="15"
       Text="{Binding Name}">
    <Entry.Behaviors>
        <toolkit:EventToCommandBehavior
            EventName="TextChanged"
            Command="{Binding NameLengthCommand}" />
    </Entry.Behaviors>
</Entry>

3. 调整ViewModel代码：

[ObservableProperty]
string _name = string.Empty;

[ObservableProperty]
bool _isNameLengthValid = false;

[RelayCommand]
private void NameLength()
{
    IsNameLengthValid = Name.Length >= 3;
    SubmitCommand.NotifyCanExecuteChanged();
}

[RelayCommand(CanExecute = nameof(IsNameLengthValid))]
async Task Submit()
{
    await Toast.Make("Form Submitted").Show().ConfigureAwait(false);
}

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