WPF MVVM：如何基于事件更新UI控件？TextBox联动场景咨询

嗨，我来帮你搞定这个MVVM模式下TextBox联动更新背景色的问题！咱们彻底把UI和逻辑分开，摆脱xaml.cs里的事件处理代码，下面给你两种符合规范的实现方式，重点讲你提到的PropertyChanged思路：

方案一：利用ViewModel的INotifyPropertyChanged接口 #

这是MVVM里最基础也最标准的实现方式，通过ViewModel的属性变化通知来驱动UI更新：

1. 创建ViewModel类
   先定义一个实现INotifyPropertyChanged的ViewModel，把两个TextBox的文本、以及TextBox1的背景色都封装成属性，逻辑全部放在这里：

   using System.ComponentModel;
   using System.Windows.Media;
   
   public class TextBoxViewModel : INotifyPropertyChanged
   {
       private string _textBox1Text;
       private string _textBox2Text;
       private Brush _textBox1Bg = Brushes.White; // 默认背景色为白色
   
       // TextBox1的文本属性
       public string TextBox1Text
       {
           get => _textBox1Text;
           set
           {
               _textBox1Text = value;
               OnPropertyChanged(nameof(TextBox1Text));
           }
       }
   
       // TextBox2的文本属性，变化时触发背景色更新逻辑
       public string TextBox2Text
       {
           get => _textBox2Text;
           set
           {
               _textBox2Text = value;
               OnPropertyChanged(nameof(TextBox2Text));
               // 调用方法更新TextBox1的背景色
               UpdateTextBox1BackgroundColor();
           }
       }
   
       // 控制TextBox1背景色的属性
       public Brush TextBox1Bg
       {
           get => _textBox1Bg;
           set
           {
               _textBox1Bg = value;
               OnPropertyChanged(nameof(TextBox1Bg));
           }
       }
   
       // 背景色更新逻辑，你可以根据需求自定义规则
       private void UpdateTextBox1BackgroundColor()
       {
           TextBox1Bg = string.IsNullOrWhiteSpace(TextBox2Text) ? Brushes.White : Brushes.LightSkyBlue;
       }
   
       // INotifyPropertyChanged接口实现
       public event PropertyChangedEventHandler PropertyChanged;
       protected void OnPropertyChanged(string propertyName)
       {
           PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
       }
   }
   

2. 在UserControl的XAML中完成绑定
   把UserControl的DataContext关联到这个ViewModel，然后给两个TextBox绑定对应的属性：

   <UserControl x:Class="YourProjectNamespace.YourUserControl"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:local="clr-namespace:YourProjectNamespace">
       <!-- 设置ViewModel为DataContext -->
       <UserControl.DataContext>
           <local:TextBoxViewModel />
       </UserControl.DataContext>
       
       <StackPanel Margin="10">
           <TextBox x:Name="TextBox1" 
                    Text="{Binding TextBox1Text, Mode=TwoWay}"
                    Background="{Binding TextBox1Bg}"
                    Margin="0 0 0 5"/>
           <TextBox x:Name="TextBox2" 
                    Text="{Binding TextBox2Text, Mode=TwoWay}"/>
       </StackPanel>
   </UserControl>
   

   这样操作后，当TextBox2的文本变化时，ViewModel里的TextBox2Text属性会自动更新，触发背景色逻辑，UI会通过绑定自动响应TextBox1Bg的变化，完全不需要在xaml.cs里写任何事件处理代码。

方案二：使用WPF行为（Behaviors）封装交互逻辑 #

如果你的逻辑更偏向UI交互场景，可以用Blend Behaviors把事件逻辑封装成命令，同样不需要触碰xaml.cs：

1. 先安装NuGet包
   在NuGet包管理器中搜索并安装Microsoft.Xaml.Behaviors.Wpf。

2. 在XAML中添加行为绑定

   <UserControl x:Class="YourProjectNamespace.YourUserControl"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
                xmlns:local="clr-namespace:YourProjectNamespace">
       <UserControl.DataContext>
           <local:TextBoxViewModel />
       </UserControl.DataContext>
       
       <StackPanel Margin="10">
           <TextBox x:Name="TextBox1" Margin="0 0 0 5"/>
           <TextBox x:Name="TextBox2">
               <!-- 给TextBox2的TextChanged事件绑定命令 -->
               <i:Interaction.Triggers>
                   <i:EventTrigger EventName="TextChanged">
                       <i:InvokeCommandAction Command="{Binding UpdateTextBox1BgCommand}"
                                              CommandParameter="{Binding ElementName=TextBox1}"/>
                   </i:EventTrigger>
               </i:Interaction.Triggers>
           </TextBox>
       </StackPanel>
   </UserControl>
   

3. 在ViewModel中定义命令

   using System.Windows;
   using System.Windows.Controls;
   using System.Windows.Media;
   using Prism.Commands; // 也可以用RelayCommand，或者自己实现ICommand接口
   
   public class TextBoxViewModel
   {
       public DelegateCommand<object> UpdateTextBox1BgCommand { get; }
   
       public TextBoxViewModel()
       {
           UpdateTextBox1BgCommand = new DelegateCommand<object>(ExecuteUpdateBg);
       }
   
       private void ExecuteUpdateBg(object parameter)
       {
           if (parameter is TextBox textBox1)
           {
               // 这里可以直接通过TextBox2的绑定属性判断，或者通过参数传递文本
               textBox1.Background = string.IsNullOrWhiteSpace(textBox1.Text) ? Brushes.White : Brushes.LightGreen;
           }
       }
   }
   

总结 #

第一种方案是MVVM的核心实现方式，把所有业务逻辑放在ViewModel中，UI完全通过数据绑定响应变化；第二种方案更适合封装UI交互类的逻辑。根据你的需求，第一种PropertyChanged的方式应该是最贴合你预期的，也完全符合MVVM的分离原则。

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