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。
应用场景：适用于在控件事件发生时（如按钮点击、窗口加载等）执行动画或其他复杂的操作，增强用户体验。