Xamarin.Forms中Clicked事件绑定报错及TextChanged事件无法绑定至ViewModel方法的问题求助

刚上手Xamarin.Forms的时候，确实很容易在MVVM的事件绑定上踩坑，我当初第一次重构无VM的代码时也遇到过一模一样的问题！你说得没错，TextChanged是控件的事件而非可绑定属性，直接用{Binding ValidateEmail}这种方式绑定是行不通的，因为Xamarin.Forms的{Binding}语法主要是用来绑定属性（包括实现了ICommand的命令属性），不能直接绑定事件到ViewModel的普通方法。

下面给你两种常用的解决方案，都符合MVVM的规范，你可以根据自己的情况选择：

方法一：用EventToCommandBehavior（推荐，借助Xamarin Community Toolkit） #

Xamarin Community Toolkit里自带了EventToCommandBehavior，可以帮我们把控件事件转换成ViewModel里的命令，非常方便。

步骤1：添加命名空间 #

在XAML页面的根节点里添加XCT的命名空间：

xmlns:xct="http://xamarin.com/schemas/2020/toolkit"

步骤2：修改Entry的XAML代码 #

把原来直接绑定TextChanged的写法改成用行为：

<controls:StandardEntry x:Name="email" Text="{Binding Email}">
    <xct:EventToCommandBehavior
        EventName="TextChanged"
        Command="{Binding ValidateEmailCommand}"
        EventArgsConverter="{StaticResource TextChangedEventArgsConverter}" />
</controls:StandardEntry>

步骤3：创建事件参数转换器 #

因为TextChangedEventArgs里包含了新旧文本，我们需要一个转换器把它转换成ViewModel能直接用的字符串：

public class TextChangedEventArgsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is TextChangedEventArgs args)
        {
            // 直接返回新输入的文本
            return args.NewTextValue;
        }
        return string.Empty;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

记得把这个转换器添加到页面的资源里：

<ContentPage.Resources>
    <local:TextChangedEventArgsConverter x:Key="TextChangedEventArgsConverter" />
</ContentPage.Resources>

步骤4：在ViewModel里实现命令 #

ViewModel里需要定义一个ICommand属性，关联到验证方法：

// 假设你的ViewModel继承了实现INotifyPropertyChanged的基类，比如BindableBase
public ICommand ValidateEmailCommand { get; }

public YourViewModel()
{
    // 把验证方法包装成Command，接收字符串参数
    ValidateEmailCommand = new Command<string>(ValidateEmail);
}

private void ValidateEmail(string newEmail)
{
    if (RegexUtils.ValidEmail().IsMatch(newEmail))
    {
        // 邮箱验证通过的逻辑，比如更新UI状态、启用按钮等
        Console.WriteLine("邮箱格式正确");
    }
    else
    {
        // 验证不通过的逻辑，比如提示错误
        Console.WriteLine("邮箱格式错误");
    }
}

方法二：自定义验证行为（不依赖第三方库） #

如果不想引入外部库，你可以自己写一个Behavior来处理邮箱验证，还能把验证结果绑定回ViewModel。

步骤1：创建自定义Behavior #

public class EmailValidationBehavior : Behavior<Entry>
{
    // 定义一个可绑定属性，用来把验证结果传给ViewModel
    public static readonly BindableProperty IsValidProperty =
        BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(EmailValidationBehavior), false);

    public bool IsValid
    {
        get => (bool)GetValue(IsValidProperty);
        set => SetValue(IsValidProperty, value);
    }

    protected override void OnAttachedTo(Entry bindable)
    {
        base.OnAttachedTo(bindable);
        // 绑定Entry的TextChanged事件
        bindable.TextChanged += OnEntryTextChanged;
    }

    protected override void OnDetachingFrom(Entry bindable)
    {
        base.OnDetachingFrom(bindable);
        // 解绑事件，避免内存泄漏
        bindable.TextChanged -= OnEntryTextChanged;
    }

    private void OnEntryTextChanged(object sender, TextChangedEventArgs e)
    {
        if (sender is Entry entry)
        {
            // 执行邮箱验证
            bool isValid = !string.IsNullOrEmpty(e.NewTextValue) && RegexUtils.ValidEmail().IsMatch(e.NewTextValue);
            // 更新IsValid属性，ViewModel能通过绑定拿到结果
            IsValid = isValid;

            // 也可以在这里直接处理UI变化，比如改变Entry的边框颜色
            // entry.BorderColor = isValid ? Color.Green : Color.Red;
        }
    }
}

步骤2：在XAML里使用这个Behavior #

<!-- 先添加自定义Behavior的命名空间 -->
xmlns:behaviors="clr-namespace:YourAppNamespace.Behaviors"

<controls:StandardEntry x:Name="email" Text="{Binding Email}">
    <behaviors:EmailValidationBehavior IsValid="{Binding IsEmailValid}" />
</controls:StandardEntry>

步骤3：在ViewModel里添加对应属性 #

private bool _isEmailValid;
public bool IsEmailValid
{
    get => _isEmailValid;
    set => SetProperty(ref _isEmailValid, value); // 用你自己的属性通知实现方式
}

一些额外注意点 #

• 一定要确保你的ViewModel实现了INotifyPropertyChanged接口，否则绑定的属性更新不会同步到UI
• 不要再像原来的代码那样直接通过x:Name获取控件操作UI啦，MVVM里ViewModel应该和UI解耦，所有交互都通过绑定完成
• 检查下你的RegexUtils.ValidEmail()返回的正则表达式是否符合需求，比如常见的邮箱正则可以用@"^[^@\s]+@[^@\s]+\.[^@\s]+$"

备注：内容来源于stack exchange，提问作者spoooooooonman