WPF 触发器Trigger-Toy模板网

这篇具有很好参考价值的文章主要介绍了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>