Trigger类

一、Trigger 是什么？

Trigger = 触发器 / 监听器
作用：
当控件的某个属性变成指定值时 → 自动执行 Setter 改变外观

一句话：
满足条件 → 自动改样式

比如：

• 鼠标放上去 → 变色
• 按钮禁用 → 变灰
• 获得焦点 → 边框变红

这些全部靠 Trigger 实现！

二、Trigger 类的 3 个核心属性

public class Trigger : TriggerBase
{
    // 监听哪个属性（必填）
    public DependencyProperty Property { get; set; }

    // 监听属性变成什么值（必填）
    public object Value { get; set; }

    // 满足条件时，执行哪些 Setter（改样式）
    public SetterBaseCollection Setters { get; set; }
}

固定语法：

<Trigger Property="监听的属性" Value="目标值"><Setter ... />  <!-- 满足条件就执行这些赋值 -->
</Trigger>

三、Trigger 必须写在 Style 里

Trigger 不能单独使用，必须放在：

<Style.Triggers>
    <!-- 这里写触发器 -->
</Style.Triggers>

四、最常用的 5 种 Trigger（必学）

1. 鼠标悬浮 IsMouseOver="True"

最常用！鼠标放上去变色。

<Style TargetType="Button">
    <Setter Property="FontSize" Value="18"/>
    <Setter Property="Background" Value="LightBlue"/>

    <Style.Triggers>
        <!-- 鼠标悬浮触发 -->
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="DarkBlue"/>
            <Setter Property="Foreground" Value="White"/>
        </Trigger>
    </Style.Triggers>
</Style>

2. 按钮按下 IsPressed="True"

点击按钮时改变样式。

<Trigger Property="IsPressed" Value="True">
    <Setter Property="Background" Value="Navy"/>
</Trigger>

3. 控件禁用 IsEnabled="False"

按钮不可用时自动变灰。

<Trigger Property="IsEnabled" Value="False">
    <Setter Property="Background" Value="LightGray"/>
    <Setter Property="Foreground" Value="DarkGray"/>
</Trigger>

4. 获得焦点 IsFocused="True"

输入框、按钮获得焦点时触发。

<Trigger Property="IsFocused" Value="True">
    <Setter Property="BorderBrush" Value="Red"/>
    <Setter Property="BorderThickness" Value="2"/>
</Trigger>

5. 文本框只读 IsReadOnly="True"

<Style TargetType="TextBox">
    <Style.Triggers>
        <Trigger Property="IsReadOnly" Value="True">
            <Setter Property="Background" Value="#F0F0F0"/>
        </Trigger>
    </Style.Triggers>
</Style>

五、完整可运行示例（直接复制）

一个带完整交互效果的按钮样式

<Window.Resources>
    <Style TargetType="Button" x:Key="CompleteButton">
        <!-- 默认样式 -->
        <Setter Property="FontSize" Value="18"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Background" Value="#0077D4"/>
        <Setter Property="Padding" Value="10,6"/>
        <Setter Property="Margin" Value="10"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="CornerRadius" Value="8"/>

        <!-- 触发器集合 -->
        <Style.Triggers>
            <!-- 1. 鼠标悬浮 -->
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#005AA1"/>
            </Trigger>

            <!-- 2. 鼠标按下 -->
            <Trigger Property="IsPressed" Value="True">
                <Setter Property="Background" Value="#004488"/>
            </Trigger>

            <!-- 3. 按钮禁用 -->
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Background" Value="#AAAAAA"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<Grid>
    <Button Style="{StaticResource CompleteButton}" Content="完美交互按钮"/>
</Grid>

六、Trigger 可以同时写多个

一个 Style 里可以放N 个 Trigger，互不干扰。

<Style.Triggers>
    <Trigger Property="IsMouseOver" Value="True">...</Trigger>
    <Trigger Property="IsPressed" Value="True">...</Trigger>
    <Trigger Property="IsEnabled" Value="False">...</Trigger>
</Style.Triggers>

七、Trigger 工作原理（一句话）

监听属性 → 等于目标值 → 自动执行 Setter → 改变外观

八、Trigger 总结（必背）

1. Trigger = 条件触发样式修改
2. 必须写在 <Style.Triggers> 里
3. 固定格式：

<Trigger Property="监听属性" Value="目标值">
    <Setter ... />
</Trigger>

　　4.最常用触发属性：

• IsMouseOver 鼠标悬浮
• IsPressed 按钮按下
• IsEnabled 控件启用 / 禁用
• IsFocused 获得焦点