WPF学习笔记（28）Interaction.Triggers的意义与使用方式

Interaction.Triggers是WPF中实现交互功能的重要机制，尤其在MVVM模式下提供了一种将UI事件与ViewModel逻辑解耦的优雅方式。

一、核心意义

1. ​​MVVM模式下的交互解决方案​ ​

   Interaction.Triggers是WPF中的一种交互触发器，主要作用是在MVVM模式下连接视图事件与ViewModel逻辑。当某些控件事件(如Button的Click)无法直接使用ICommand时，它提供了一种特殊手段实现交互。这种机制完美遵循了MVVM的分离原则，使视图与业务逻辑解耦。

2. ​​传统事件处理的替代方案​ ​

   在传统代码后置(event handler)方式中，我们需要在代码中直接处理控件事件，这会导致视图与逻辑紧耦合。而Interaction.Triggers通过XAML声明式语法实现了相同的功能，但保持了代码的清晰分离。

3. ​​功能扩展性​ ​

   除了基本的事件触发功能，Interaction.Triggers还支持丰富的内置行为(Actions)和自定义扩展，能够满足各种复杂的交互需求，如属性变更、动画控制等。

二、基本使用方式

1. 准备工作

使用Interaction.Triggers需要添加必要的程序集引用，根据WPF版本不同有两种方式：

• ​​传统.NET Framework项目​ ​：

  需要手动引用System.Windows.Interactivity.dll和Microsoft.Expression.Interactions.dll

• ​​现代WPF项目(.NET Core/.NET 5+)​ ​：

  通过NuGet安装Microsoft.Xaml.Behaviors.Wpf包

在XAML中声明命名空间：

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

或旧版本：

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
<!--或者-->
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

2. 基本语法结构

<控件>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="事件名称">
            <!-- 动作定义 -->
        </i:EventTrigger>
    </i:Interaction.Triggers>
</控件>

3. 常见使用场景

​​场景1：调用ViewModel方法​​

<Button Content="提交">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Click">
            <ei:CallMethodAction TargetObject="{Binding}" MethodName="SubmitClicked"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Button>

对应ViewModel中需定义public方法：

public void SubmitClicked()
{
    MessageBox.Show("按钮被点击");
}

​​场景2：绑定命令(Command)​​

<Button>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Click">
            <i:InvokeCommandAction Command="{Binding tvSupplierCommand}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Button>

ViewModel中需要实现ICommand接口：

public RelayCommand tvSupplierCommand { get; set; }

// 构造函数中初始化
public void TPIstorageInit() {
    tvSupplierCommand = new RelayCommand(tvSupplier);
}

public void tvSupplier() {
    // 处理逻辑
}

​​场景3：传递命令参数​​

<i:EventTrigger EventName="Click">
    <i:InvokeCommandAction 
        Command="{Binding DataContext.ImgClickCommand, 
                 RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=Window}}"
        CommandParameter="{Binding ElementName=gd_img}"/>
</i:EventTrigger>

三、应用与技巧

1. ​多种触发器类型​

除了最常用的EventTrigger，Interaction.Triggers还支持多种触发器类型：

• ​PropertyChangedTrigger​：当绑定数据发生变化时触发

<TextBox Text="{Binding TextBoxText,UpdateSourceTrigger=PropertyChanged}">
    <i:Interaction.Triggers>
        <i:PropertyChangedTrigger Binding="{Binding TextBoxText}">
            <!-- 动作 -->
        </i:PropertyChangedTrigger>
    </i:Interaction.Triggers>
</TextBox>

• ​DataTrigger​：当绑定数据满足指定条件时触发

<CheckBox x:Name="checkBox">
    <i:Interaction.Triggers>
        <i:DataTrigger Binding="{Binding IsChecked, ElementName=checkBox}" Value="False">
            <!-- 选中时动作 -->
        </i:DataTrigger>
        <i:DataTrigger Binding="{Binding IsChecked, ElementName=checkBox}" Value="True">
            <!-- 未选中时动作 -->
        </i:DataTrigger>
    </i:Interaction.Triggers>
</CheckBox>

1. ​丰富的行为动作(Actions)​

• ​ChangePropertyAction​：更改目标对象的属性

<i:ChangePropertyAction TargetObject="{Binding ElementName=DataTriggerRectangle}" 
                      PropertyName="Fill" 
                      Value="DeepPink"/>

• ​ControlStoryboardAction​：控制动画状态

<ei:ControlStoryboardAction ControlStoryboardOption="Pause" 
                          Storyboard="{StaticResource ChnageWidth1}"/>

• ​GoToStateAction​：切换可视化状态

<ei:GoToStateAction StateName="ClickState" UseTransitions="True"/>

1. ​自定义路由事件处理​

对于自定义用户控件，可以通过Interaction.Triggers处理路由事件：

// 声明路由事件
public static readonly RoutedEvent OnToolTipShowEvent = 
    EventManager.RegisterRoutedEvent("OnToolTipShow", RoutingStrategy.Bubble, 
    typeof(MyEventArgs), typeof(MyUserControl));

// 触发事件
var param = new MyEventArgs();
param.RoutedEvent = OnToolTipShowEvent;
param.Source = this;
this.RaiseEvent(param);

XAML中使用：

<MyUserControl>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="OnToolTipShow">
            <cmd:EventCommand Command="{Binding OnToolTipShow}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</MyUserControl>

四、与传统方式的对比

• ​与传统事件处理比较​

<!-- 传统方式 -->
<Button Click="Button_Click"/>


<!-- Interaction.Triggers方式 -->
<Button>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Click">
            <i:ChangePropertyAction PropertyName="Background">
                <i:ChangePropertyAction.Value>
                    <SolidColorBrush Color="Red"/>
                </i:ChangePropertyAction.Value>
            </i:ChangePropertyAction>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Button>

// 后置代码
private void Button_Click(object sender, RoutedEventArgs e)
{
    btn.Background = Brushes.Red;
}

• 与样式触发器(Trigger)比较​

WPF样式中的Trigger主要用于视觉状态变化，而Interaction.Triggers更适合处理交互逻辑和行为。

五、实际应用案例

1. ​PRISM框架中的弹窗交互​

   在PRISM框架中，Interaction.Triggers用于实现弹窗交互：

   <i:Interaction.Triggers>
       <prism:InteractionRequestTrigger SourceObject="{Binding NotificationRequest}">
           <prism:PopupWindowAction IsModal="True" CenterOverAssociatedObject="True"/>
       </prism:InteractionRequestTrigger>
   </i:Interaction.Triggers>

   ViewModel中：

   public InteractionRequest<INotification> NotificationRequest { get; set; }
   
   // 触发弹窗
   NotificationRequest.Raise(
       new Notification { Content = "Notification Message", Title = "Notification" }, 
       r => Title = "Notified");

2. 动态UI交互​

实现当用户完成操作时播放声音提示：

<Button Content="完成">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Click">
            <ei:ControlStoryboardAction Storyboard="{StaticResource SoundStoryboard}" ControlStoryboardOption="Play"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Button>

六、注意事项

1. ​​性能考虑​​

   • 避免过度使用Interaction.Triggers，特别是在数据量大的列表中
   • 对于简单属性变更，优先考虑使用样式触发器(Trigger)

2. ​​兼容性问题​​

   • 注意不同WPF版本间的命名空间变化：
     • 旧版：http://schemas.microsoft.com/expression/2010/interactivity
     • 新版：http://schemas.microsoft.com/xaml/behaviors

3. ​​设计原则​​

   • 保持ViewModel的纯净，不引用任何视图相关类型
   • 对于复杂交互逻辑，考虑创建自定义Action
   • 合理使用CommandParameter传递上下文信息

4. ​​调试技巧​​

   • 确保DataContext正确设置
   • 检查绑定路径是否正确
   • 验证所有必需的DLL都已正确引用

参考：

1. 在WPF中使用Interaction.Triggers
2. WPF-Interaction.Triggers
3. WPF MVVM UserControl 的 i:Interaction.Triggers 应用
4. 从PRISM开始学WPF（九）交互Interaction？
5. WPF中的Microsoft XAML Behaviors包功能详解
6. WPF常用TriggerAction用法 (一)