WPF中有哪些不同的触发器?它们有何不同?何时应使用它们?
我看过以下触发器:
触发器通常在样式或ControlTemplate中使用。它触发要模板化的事物的属性,并设置控件(或特定模板元素)的其他属性。例如,您可以在IsMouseOver上使用触发器来响应鼠标悬停在控件上,设置者可能会更新画笔以显示“热”效果。
DataTrigger在数据绑定而不是控件属性上触发。它通常在DataTemplate中使用。例如,如果AlertLevel属性等于ZomgWereAllGoingToDie,则可以使用DataTrigger更改DataTemplate中元素的颜色。如果您想在“转换后的”控件属性上进行触发(即在触发测试中使用IValueConverter),则DataTriggers在控件模板中也很有用。例如,如果使用具有合适的IValueConverter和RelativeSource的Self或TemplatedParent的DataTrigger,则可以将DataTrigger用作文本属性(如果视为数字)为负数时,将TextBox的前景变为红色。
MultiTrigger和MultiDataTrigger是相同的,除了它们允许您指定多个条件(分别是属性或绑定),并且仅在满足所有条件时才生效。
最后,EventTrigger用于响应事件触发动作(与响应一个状态改变一个状态相反)。例如,您可以使用EventTrigger来响应MouseEnter事件。 EventTriggers通常用于执行情节提要,例如在事件发生时执行动画。
Trigger
通常用在Style
或ControlTemplate
中。它会触发任何要模板化的属性,并设置控件(或特定模板元素)的其他属性。例如,您可以在IsMouseOver
上使用触发器来响应鼠标悬停在控件上,并且setters
可能会更新画笔以显示“热”效果。
为什么使用触发器?
触发器在样式中用于在属性值更改或事件触发时执行操作。触发器在控件上创建视觉效果。通过使用触发器,我们可以更改框架元素的外观。
WPF中有几种类型的触发器?
WPF支持五种类型的触发器;他们是:
属性触发器
最简单的触发器形式是属性触发器;它监视依赖项属性是否具有特定值。例如,如果我们希望在用户将鼠标移到按钮上方时以黄色点亮按钮,则可以通过观察IsMouseOver
属性的值为“ True
”来实现。
Property Trigger
当UIElements属性值更改时执行Setter的集合。
要在任何控件上创建属性触发器,必须设置控件样式的触发器。
<Style x:Key="ButtonStyle" TargetType="{x:Type Button}"> <Style.Triggers> <Trigger Property="IsPressed" Value="True"> <Setter Property="Opacity" Value="0.5" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="Red" /> </Trigger> </Style.Triggers> </Style>
在以上代码中,在Button上创建了
Trigger
。当按钮的Opacity
属性更改时,它将IsPressed
设置为0.5。您可以在控件的任何依赖项属性上设置触发器。例如
<Style x:Key="NormalStyle"> <Setter Property="Control.FontSize" Value="20"></Setter> <Setter Property="Control.HorizontalAlignment" Value="Center"></Setter> <Setter Property="Control.Margin" Value="10"></Setter> <Setter Property="Control.Foreground" Value="Black"></Setter> <Style.Triggers> <Trigger Property="Control.IsMouseOver" Value="true"> <Setter Property="Control.FontStyle" Value="Italic"></Setter> <Setter Property="Control.Foreground" Value="Red"></Setter> <Setter Property="Control.Background" Value="Yellow"></Setter> </Trigger> <Trigger Property="Button.IsPressed" Value="true"> <Setter Property="Control.Foreground" Value="Green"></Setter> <Setter Property="Control.Background" Value="Blue"></Setter> </Trigger> </Style.Triggers> </Style>
MultiTrigger
MultiTrigger用于设置对多属性更改的操作。当在MulitTrigger
.Condition中满足所有条件时,它将执行。
<Style x:Key="MulitTriggerButtonStyle" TargetType="Button"> <Style.Triggers> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsPressed" Value="True" /> <Condition Property="Background" Value="BlanchedAlmond" /> </MultiTrigger.Conditions> <MultiTrigger.Setters> <Setter Property="Foreground" Value="Blue" /> <Setter Property="BorderThickness" Value="5" /> <Setter Property="BorderBrush" Value="Blue" /> </MultiTrigger.Setters> </MultiTrigger> </Style.Triggers> </Style>
事件触发器
Event Trigger
用于在FrameworkElement的RoutedEvent
升高时执行操作。Event Trigger
通常用于在控件上执行某些动画(例如colorAnimation,使用KeyFrame的doubleAnumation等)
让我们首先了解Storyboard
和Animation
。
Animations
:
动画可以使用户界面在外观和感觉上更具吸引力。我们还可以在控件上创建视觉效果,Animation可以是任何类型,例如:
更改控件的背景色将屏幕旋转90度角将对象从一个位置移动到另一位置更改圆的不透明度(FadeIn / FadeOut)。
动画与UIElement的属性一起使用。 WPF提供了与属性配合使用的不同类型的动画,例如:
ColorAnimation
:用于在特定持续时间上对UIElement的颜色属性(SolidColorBrush,LinearGradientBrush)进行动画处理/更改。它具有两个属性:
从(源)和到(目标)
<Border Name="border1" Width="100" Height="30" BorderBrush="Black" BorderThickness="1"> <Border.Background> <SolidColorBrush x:Name="MyBorder" Color="LightBlue" /> </Border.Background> <Border.Triggers> <EventTrigger RoutedEvent="Mouse.MouseEnter"> <BeginStoryboard> <Storyboard> <ColorAnimation Duration="0:0:1" Storyboard.TargetName="MyBorder" Storyboard.TargetProperty="Color" To="Gray" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Border.Triggers> </Border>
示例2:
<TextBlock Visibility="Collapsed" Style="{StaticResource CDCStandardTextBlockStyle}" Name="TxtBlockTerminatingHeading" Text="{Binding NotifyOnTargetUpdated=True}" Foreground="Red" TextWrapping="Wrap" Margin="10,10,10,0"> <TextBlock.Triggers> <EventTrigger RoutedEvent="Binding.TargetUpdated"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard BeginTime="00:00:00" RepeatBehavior="Forever" Storyboard.TargetName="TxtBlockTerminatingHeading" Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)"> <ColorAnimation From="Red" To="#f0f0f0" Duration="0:0:1"/> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </TextBlock.Triggers> </TextBlock>
示例3:
<ListBox Name="employeeListBox" ItemsSource="{Binding empList}" Grid.Row="0" SelectedItem="{Binding SelectedIndex}"> <i:Interaction.Triggers> <i:EventTrigger EventName="SelectionChanged"> <i:InvokeCommandAction Command="{Binding MyCommand}" CommandParameter="{Binding ElementName=employeeListBox, Path=SelectedValue}"/> </i:EventTrigger> </i:Interaction.Triggers> </ListBox>
DataTrigger
DataTriggers
是监视绑定值而不是Dependency
Property
的触发器。它们使您可以观察绑定的表达式,并且在该绑定的值等于您的值时会做出反应。顾名思义,DataTrigger
应用属性值对绑定到UIElement的数据执行操作。当绑定数据符合指定条件时,DataTrigger
允许设置属性值。例如:
<DataTemplate> <Grid Margin="0 5 0 0"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Image x:Name="viewImage" Grid.Row="0" Width="100" Height="60" HorizontalAlignment="Center" Source="{Binding Picture}" Stretch="Fill" /> <TextBlock x:Name="viewText" Grid.Row="1" Margin="0 5 0 0" HorizontalAlignment="Center" FontWeight="Black" Foreground="Green" Text="{Binding Title}" /> </Grid> <DataTemplate.Triggers> <DataTrigger Binding="{Binding Path=Picture}" Value="{x:Null}"> <Setter TargetName="viewImage" Property="Source" Value="/Images/noImage.png" /> <Setter TargetName="viewText" Property="Text" Value="No Image Available" /> <Setter TargetName="viewText" Property="Foreground" Value="Red" /> </DataTrigger> </DataTemplate.Triggers> </DataTemplate> <Style.Triggers> <DataTrigger Binding="{Binding ElementName=textBox1, Path=Text.Length}" Value="0"> <Setter Property="IsEnabled" Value="False"></Setter> </DataTrigger> </Style.Triggers> </Style>
MultiDataTrigger
[MultiTrigger
和MultiDataTrigger
是相同的,除了它们允许您指定多个条件(分别是属性或绑定),并且仅在满足所有条件时才生效。
<DataTemplate.Triggers>
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Path=Picture}" Value="{x:Null}" />
<Condition Binding="{Binding Path=Title}" Value="Waterfall" />
</MultiDataTrigger.Conditions>
<MultiDataTrigger.Setters>
<Setter TargetName="viewImage" Property="Source" Value="/Images/noImage.png"/>
<Setter TargetName="viewImage" Property="Opacity" Value="0.5" />
<Setter TargetName="viewText" Property="Background" Value="Brown" />
</MultiDataTrigger.Setters>
</MultiDataTrigger>
</DataTemplate.Triggers>