WPF MVVM模式下如何将TextBox的PreviewTextInput事件绑定至ViewModel

要在不依赖View后台代码的前提下实现需求，有两种常用方案：使用行为（Behaviors）或自定义附加属性，以下是具体实现步骤：

方案一：使用Microsoft.Xaml.Behaviors（推荐） #

这是WPF生态中处理事件转命令的标准方式，无需自行编写复杂逻辑。

步骤1：安装NuGet包 #

在项目中安装Microsoft.Xaml.Behaviors.Wpf包。

步骤2：修改XAML代码 #

在MechanicView.xaml中添加行为命名空间，替换原有的PreviewTextInput事件绑定：

xmlns:i="http://schemas.microsoft.com/xaml/behaviors"

<TextBox Text="{Binding StartNumber, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" 
         FontSize="16" Height="27" Margin="10">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="PreviewTextInput">
            <i:InvokeCommandAction Command="{Binding PreviewTextInputCommand}" 
                                   PassEventArgsToCommand="True"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</TextBox>

步骤3：在ViewModel中实现命令 #

首先实现一个通用的RelayCommand（如果项目中没有现成的ICommand实现）：

public class RelayCommand<T> : ICommand
{
    private readonly Action<T> _execute;
    private readonly Func<T, bool> _canExecute;

    public event EventHandler CanExecuteChanged;

    public RelayCommand(Action<T> execute, Func<T, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter) => _canExecute?.Invoke((T)parameter) ?? true;

    public void Execute(object parameter) => _execute((T)parameter);

    public void RaiseCanExecuteChanged() => CanExecuteChanged?.Invoke(this, EventArgs.Empty);
}

然后在MechanicViewModel中添加命令和处理逻辑：

using System.Text.RegularExpressions;
using System.Windows.Input;

public class MechanicViewModel : INotifyPropertyChanged
{
    public ICommand PreviewTextInputCommand { get; }
    
    private string _startNumber;
    public string StartNumber 
    { 
        get => _startNumber;
        set
        {
            _startNumber = value;
            OnPropertyChanged(nameof(StartNumber));
        }
    }

    public MechanicViewModel()
    {
        PreviewTextInputCommand = new RelayCommand<TextCompositionEventArgs>(HandlePreviewTextInput);
    }

    private void HandlePreviewTextInput(TextCompositionEventArgs e)
    {
        Regex regex = new Regex("[^0-9]+");
        e.Handled = regex.IsMatch(e.Text);
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

方案二：自定义附加属性（无第三方依赖） #

如果不想引入外部库，可以自定义附加属性来绑定事件到ViewModel的命令。

步骤1：创建附加属性类 #

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

public static class TextBoxHelper
{
    public static readonly DependencyProperty PreviewTextInputCommandProperty =
        DependencyProperty.RegisterAttached(
            "PreviewTextInputCommand",
            typeof(ICommand),
            typeof(TextBoxHelper),
            new PropertyMetadata(null, OnPreviewTextInputCommandChanged));

    public static void SetPreviewTextInputCommand(DependencyObject obj, ICommand value)
    {
        obj.SetValue(PreviewTextInputCommandProperty, value);
    }

    public static ICommand GetPreviewTextInputCommand(DependencyObject obj)
    {
        return (ICommand)obj.GetValue(PreviewTextInputCommandProperty);
    }

    private static void OnPreviewTextInputCommandChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is TextBox textBox)
        {
            textBox.PreviewTextInput -= TextBox_PreviewTextInput;
            if (e.NewValue is ICommand command)
            {
                textBox.PreviewTextInput += (s, args) =>
                {
                    if (command.CanExecute(args))
                        command.Execute(args);
                };
            }
        }
    }

    private static void TextBox_PreviewTextInput(object sender, TextCompositionEventArgs e)
    {
        // 预留空实现，用于移除旧事件绑定
    }
}

步骤2：修改XAML代码 #

添加命名空间后，使用附加属性绑定命令：

xmlns:local="clr-namespace:你的项目命名空间"

<TextBox Text="{Binding StartNumber, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" 
         FontSize="16" Height="27" Margin="10"
         local:TextBoxHelper.PreviewTextInputCommand="{Binding PreviewTextInputCommand}"/>

步骤3：ViewModel中的实现 #

和方案一的ViewModel代码一致，无需额外修改。

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