WPF 触发器 Trigger

触发器 Trigger

触发器（Trigger）是 WPF 中的一种机制：
当某个条件满足时，自动改变控件的某些属性，比如颜色、大小、透明度等。

换句话说，就是"如果……那么就……" 的一种规则。

常见触发器类型：

1. Trigger —— 属性值触发（最基础）

例如，当按钮被鼠标悬停（IsMouseOver = true）时，改变背景色：

<Button Content="鼠标悬停变色">
    <Button.Style>
        <Style TargetType="Button">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True"> <!--Is... 触发条件-->
                    <Setter Property="Background" Value="LightGreen"/>
                    <Setter Property="Foreground" Value="DarkBlue"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

✅ 效果：鼠标悬停到按钮上时，按钮背景变绿、文字变蓝。

相关属性：

常用条件：

属性触发器（PropertyTrigger）常用条件:

2. DataTrigger —— 数据变化触发

当绑定的数据满足某条件时，触发样式改变。

例子：如果按钮绑定的某个值是 "危险"，就变成红色。

<Button Content="按钮" Tag="危险">
    <Button.Style>
        <Style TargetType="Button">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Tag, RelativeSource={RelativeSource Self}}" Value="危险">
                    <Setter Property="Background" Value="Red"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

✅ Tag 属性是 “危险” 时，按钮背景变红。

常用条件

DataTrigger 用于根据绑定到的数据（DataContext）变化触发，比如：

3. EventTrigger —— 事件发生时触发动作（一般配合动画）

例子：当按钮加载完毕（Loaded 事件），让按钮慢慢变大：

<Button Content="加载放大按钮">
    <Button.Triggers>
        <EventTrigger RoutedEvent="Button.Loaded">
            <BeginStoryboard> <!--动画-->
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="Width"
                                     From="100" To="200" Duration="0:0:2"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Button.Triggers>
</Button>

✅ 效果：按钮出现后，2秒内宽度从100变到200。

主要属性

1. RoutedEvent：必填！指定要监听哪个路由事件。

<!--当按钮被点击时触发。-->
<EventTrigger RoutedEvent="Button.Click">

2. SourceName：（可选）指定事件来源控件的名字

   • 如果要监听的事件是来自模板中另一个控件，需要指定它的 x:Name。

   • 通常用在 ControlTemplate 或 DataTemplate 内。

<!--监听名为 `InnerBorder` 的元素的鼠标进入事件。-->
<EventTrigger RoutedEvent="MouseEnter" SourceName="InnerBorder">

3. Actions：当事件发生时执行的动作。
   • BeginStoryboard：开始一个动画
   • StopStoryboard：停止一个动画
   • PauseStoryboard：暂停动画
   • ResumeStoryboard：恢复动画

<!--当事件触发时，执行透明度变化动画。-->
<BeginStoryboard>
    <Storyboard>
        <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.5" Duration="0:0:0.3"/>
    </Storyboard>
</BeginStoryboard>

4. MultiTrigger —— 多属性同时满足触发

例子：按钮被禁用（IsEnabled = False）且鼠标悬停时，背景变灰：

<Button Content="多条件触发按钮" IsEnabled="False">
    <Button.Style>
        <Style TargetType="Button">
            <Style.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsMouseOver" Value="True"/>
                        <Condition Property="IsEnabled" Value="False"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="Background" Value="Gray"/>
                </MultiTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

✅ 效果：按钮同时满足两种状态，才改变样式。

相关属性