WPF 触发器Trigger

  • WPF 触发器Trigger已关闭评论
  • 133 次浏览
  • A+
所属分类:.NET技术
摘要

Trigger:当某些条件满足时会触发一个行为。 一、触发器的类型 二、Trigger Trigger:Property用来指明关注目标控件的哪个属性,Value则是触发条件。
Setter:一旦触发条件被满足,这组Setter的“属性-值”就会被应用,触发条件不再满足后,各属性值会被还原。

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>