WPF触发器

WPF触发器

触发器（Trigger）通常指的是一种事件驱动机制，用于响应特定的事件或条件。WPF触发器是WPF中一种强大的功能，允许开发者在样式和模板中定义条件逻辑，以响应属性值的变化。WPF提供了多种触发器来实现样式和模板中的动态行为

属性触发器 PropertyTrigger

1.单属性/简单触发器

基本概念：属性触发器是基于控件的某个属性值的改变来触发一系列操作。当控件的指定属性达到设定的值时，触发器就会被激活，从而改变控件的外观或行为。
○ 示例：

<Style TargetType="Button"><Style.Triggers><Trigger Property="IsMouseOver" Value="true"><Setter Property="Background" Value="LightBlue"/></Trigger></Style.Triggers>
</Style>

改变按钮的背景颜色。例如，当鼠标指针移到按钮上（IsMouseOver属性变为true）时，改变按钮的背景颜色。
在这个例子中，定义了一个Style用于按钮（TargetType = “Button”）。在Style.Triggers集合中，有一个Trigger元素，它监视按钮的IsMouseOver属性。当IsMouseOver属性的值变为true（即鼠标移到按钮上）时，Setter元素会将按钮的Background属性设置为LightBlue。
○ 应用场景：常用于根据控件状态（如鼠标悬停、按下等）来动态改变控件的外观，提供用户交互反馈。

2.多属性触发器

基本概念：多条件触发器允许根据多个属性条件同时满足来触发操作。它可以看作是属性触发器的扩展，用于更复杂的条件判断。
示例：

<Style TargetType="Button"><Style.Triggers><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsMouseOver" Value="true"/><Condition Property="IsPressed" Value="true"/></MultiTrigger.Conditions><Setter Property="BorderBrush" Value="Red"/></MultiTrigger></Style.Triggers>
</Style>

数据触发器

触发条件基于数据，作用对象为UI元素。
基本概念：数据触发器是基于数据绑定的属性值的改变来触发操作。它与属性触发器类似，但更侧重于数据驱动的变化。普通触发器（Trigger）不同，数据触发器的触发条件是基于数据的绑定值，而不是基于 UI 元素的属性变化。例如，当一个视图模型中的属性值发生变化时，数据触发器可以检测到这个变化并作出响应。

在 XAML 中，数据触发器通常在Style或DataTemplate中定义。以下是一个简单的示例，展示了数据触发器在Style中的基本语法：

<Style x:Key="MyButtonStyle" TargetType="Button"><Style.Triggers><DataTrigger Binding="{Binding IsEnabled}" Value="False"><Setter Property="Opacity" Value="0.5"/></DataTrigger></Style.Triggers>
</Style>

在上述代码中：
首先定义了一个名为MyButtonStyle的样式，目标类型是Button。在Style.Triggers部分，定义了一个数据触发器。这个数据触发器的绑定路径是IsEnabled属性（这里假设IsEnabled是通过数据绑定关联到某个数据源的属性），当IsEnabled的值为False时，触发Setter。Setter用于设置 UI 元素的属性值，这里将按钮的Opacity（透明度）设置为0.5，意味着当按钮的IsEnabled属性为False时，按钮会变成半透明状态。

应用场景和示例：
1.根据数据状态改变元素可见性

<Window x:Class="WpfApp.Views.LoginWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Login Window"><Grid><TextBlock x:Name="LoginSuccessMessage" Text="登录成功" Visibility="Hidden"><TextBlock.Style><Style TargetType="TextBlock"><Style.Triggers><DataTrigger Binding="{Binding IsLoginSuccessful}" Value="True"><Setter Property="Visibility" Value="Visible"/></DataTrigger></Style.Triggers></Style></TextBlock.Style></TextBlock><!-- 其他登录相关的UI元素，如用户名和密码输入框、登录按钮等 --></Grid>
</Window>

这里的TextBlock用于显示登录成功的消息，初始时Visibility为Hidden。数据触发器绑定到IsLoginSuccessful属性（这个属性应该在视图模型或数据上下文的某个类中定义和更新），当IsLoginSuccessful为True时，通过Setter将TextBlock的Visibility属性设置为Visible，从而显示登录成功的提示信息。
2.根据数据值改变元素外观

<ListView x:Name="TaskListView"><ListView.ItemContainerStyle><Style TargetType="ListViewItem"><Style.Triggers><DataTrigger Binding="{Binding Priority}" Value="高"><Setter Property="Background" Value="Red"/></DataTrigger><DataTrigger Binding="{Binding Priority}" Value="中"><Setter Property="Background" Value="Yellow"/></DataTrigger><DataTrigger Binding="{Binding Priority}" Value="低"><Setter Property="Background" Value="Green"/></DataTrigger></Style.Triggers></Style></ListView.ItemContainerStyle>
</ListView>

在ListView的ItemContainerStyle中定义了样式和数据触发器。每个数据触发器根据任务对象（假设任务对象有一个Priority属性）的Priority值来设置ListViewItem的背景颜色。例如，当Priority为 “高” 时，背景颜色被设置为红色。
当绑定的数据呈现需要自定义条件时可以通过使用转换器Converter来实现

 <Style x:Key="StatusStyle" TargetType="TextBlock"><Setter Property="Foreground" Value="White" /><Setter Property="HorizontalAlignment" Value="Center" /><Setter Property="VerticalAlignment" Value="Center" /><!--  默认颜色  --><Setter Property="Foreground" Value="Black" /><Style.Triggers><MultiDataTrigger><MultiDataTrigger.Conditions><Condition Binding="{Binding TestResult, Converter={StaticResource ContainsFailConverter}}" Value="True" /></MultiDataTrigger.Conditions><Setter Property="Foreground" Value="Red" /></MultiDataTrigger><MultiDataTrigger><MultiDataTrigger.Conditions><Condition Binding="{Binding TestResult, Converter={StaticResource ContainsPassConverter}}" Value="True" /></MultiDataTrigger.Conditions><Setter Property="Foreground" Value="Green" /></MultiDataTrigger><!--<DataTrigger Binding="{Binding TestResult}" Value="PASS"><Setter Property="Foreground" Value="Green" /></DataTrigger>--><!--  可以添加更多触发器以支持更多颜色  --></Style.Triggers></Style>

转换器

 public class ContainsFailConverter : IValueConverter{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){if (value is string str){return str.Contains("FAIL");}return false;}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){throw new NotImplementedException();}}

这里当所绑定数据中含有"PASS"字符串时，条件触发。会让字体的颜色变为绿色。

事件触发器

基本概念：事件触发器是在控件的某个事件发生时触发一系列操作。与属性触发器不同，它是基于事件驱动的。普通触发器等待属性发生变化，而事件触发器等待特定的事件被引发。
示例：

<Style TargetType="Button"><Style.Triggers><EventTrigger RoutedEvent="Button.Click"><BeginStoryboard><Storyboard><DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="1" To="1.2" Duration="0:0:0.2"/><DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="1" To="1.2" Duration="0:0:0.2"/></Storyboard></BeginStoryboard></EventTrigger></Style.Triggers>
</Style>

当按钮被点击（Click事件）时，执行一个动画。假设已经定义了一个简单的缩放动画（ScaleAnimation）：
在这里，EventTrigger监视按钮的Click事件。当按钮被点击时，通过BeginStoryboard启动一个动画故事板（Storyboard）。动画会在0.2秒内将按钮在X和Y方向的缩放比例从1变为1.2。
应用场景：适用于在控件事件发生时（如按钮点击、窗口加载等）执行动画或其他复杂的操作，增强用户体验。