WPF 觸發器Trigger

Trigger：當某些條件滿足時會觸發一個行為。

一、觸發器的類型

• 數據變化觸髮型：Trigger / DataTrigger
• 多條件觸髮型：MultiTrigger / MultiDataTrigger
• 事件觸髮型：EventTrigger

二、Trigger

Trigger：Property用來指明關註目標控制項的哪個屬性，Value則是觸發條件。
Setter：一旦觸發條件被滿足，這組Setter的“屬性-值”就會被應用，觸發條件不再滿足後，各屬性值會被還原。

   <Style TargetType="CheckBox">
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="true">
                    <Trigger.Setters><Setter Property="FontSize" Value="20"/>
                        <Setter Property="Foreground" Value="Orange"/>
                    </Trigger.Setters>
                </Trigger>
            </Style.Triggers>
    </Style>

三、MultiTrigger

MultiTrigger ：必須多個條件同時成立才會被觸發。
MultiTrigger比Trigger多了Condition屬性，需要同時成立的條件都存儲在這個集合中。

<Style TargetType="CheckBox">
    <Style.Triggers>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsChecked" Value="true"/>
                <Condition Property="Content" Value=“HelloWorld"/>
            </MultiTrigger.Conditions>
            <MultiTrigger.Setters>
                <Setter Property="FontSize" Value="20"/>
                <Setter Property="Foreground" Value="Orange"/>
            </MultiTrigger.Setters>
        </MultiTrigger>
    </Style.Triggers>
</Style>

四、DataTrigger

DataTrigger ：基於數據執行某些判斷情況。
利用Binding屬性，若其值與Value屬性一致，DataTrigger即被觸發。

<Style TargetType="TextBox" x:Key="tbDataTrigger">
    <Style.Triggers>
        <DataTrigger Binding=“{Binding Path=Text, ElementName=testText }" Value=“HelloWord">
            <Setter Property="BorderBrush" Value="Red"/>
            <Setter Property="BorderThickness" Value="1"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

五、EventTrigger

EventTrigger ：不是由屬性值或數據的變化來觸發，而是由事件來觸發；
其次，被觸發後它並非應用一組Setter，而是執行一段動畫。故UI的動畫效果往往與EventTrigger相關聯。

<Style TargetType="Button" x:Key="btEventTrigger">
    <Style.Triggers>
        <!--滑鼠進入-->
        <EventTrigger RoutedEvent="MouseEnter">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation To="150" Duration="0:0:0.2" Storyboard.TargetProperty="Width"/>
                    <DoubleAnimation To="150" Duration="0:0:0.2" Storyboard.TargetProperty="Height"/>
                            </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Style.Triggers>
</Style>