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>