logo标签列表

WPF中有哪些不同的触发器？

.netwpftriggers
16

WPF中有哪些不同的触发器？它们有何不同之处，何时应该使用它们？

我见过以下几种触发器：

  • Trigger（触发器）
  • DataTrigger（数据触发器）
  • MultiTrigger（多重触发器）
  • MultiDataTrigger（多重数据触发器）
  • EventTrigger（事件触发器）
2个回答
30

触发器通常用于样式（Style）或控件模板（ControlTemplate）中。它们会触发模板化的对象属性，并设置控件的其他属性（或特定模板元素的属性）。例如，您可以在 IsMouseOver 上使用触发器来响应鼠标悬停在控件上，而 Setters 可以更新笔刷以显示“热点”效果。

DataTrigger 是针对数据绑定而非控件属性的触发器。它通常用于 DataTemplate 中。例如，如果 AlertLevel 属性等于 ZomgWereAllGoingToDie，则可以使用 DataTrigger 更改 DataTemplate 中元素的颜色。如果要针对“转换”的控件属性进行触发（即在触发测试中使用 IValueConverter），则 DataTrigger 也可用于控件模板。例如，您可以使用带有适当 IValueConverter 和 RelativeSource 为 Self 或 TemplatedParent 的 DataTrigger，将 TextBox 的前景色变为红色，如果 Text 属性作为数字是负数时。

MultiTrigger 和 MultiDataTrigger 相同，不同之处在于它们允许您指定多个条件（分别是属性或绑定），并且只有在满足所有条件时才生效。

最后，EventTrigger 用于响应事件触发动作（与根据另一个状态更改一个状态不同）。例如，您可以使用 EventTrigger 来响应 MouseEnter 事件。EventTrigger 通常用于执行故事板（Storyboard），例如在事件发生时执行动画。

谢谢！非常清晰明了。正是我所需要的！ - stiank81
希望技术书籍能够提供更多的示例。当你只想浏览主题时，这非常有帮助。 - arviman
22

触发器（Trigger）通常在样式（Style）或控件模板(ControlTemplate)中使用。它会对模板化的内容属性进行监视，并设置控件的其他属性（或指定模板元素的属性）。例如，你可以在IsMouseOver上使用一个触发器来响应鼠标悬停在控件上，并且setters可以更新画刷以显示“热”效果。

为什么要使用触发器？

在样式中使用触发器可以在属性值更改或事件触发时执行操作，从而为控件创建视觉效果。通过使用触发器，我们可以更改框架元素的外观。

WPF中有多少种类型的触发器？

WPF支持五种类型的触发器，它们分别是：

  1. 属性触发器(Property Trigger)
  2. 数据触发器(Data Trigger)
  3. 多触发器(MultiTrigger)
  4. 多数据触发器(MultiDataTrigger)
  5. 事件触发器(Event Trigger)

属性触发器(Property Trigger)

属性触发器是最简单的触发器形式；它会监视依赖属性是否具有特定的值。例如，如果我们想在用户将鼠标移动到按钮上时以黄色高亮显示它，我们可以通过监视IsMouseOver属性的值为“True”来实现。

属性触发器(Property Trigger)在UI元素的属性值更改时执行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>

在上面的代码中，Trigger 是在按钮上创建的。当按钮的 IsPressed 属性发生变化时，它将把 Opacity 设置为 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 条件全部满足时才会执行。

<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被触发时执行某个动作。通常情况下，事件触发器用于对控件执行一些动画效果（如使用关键帧进行颜色动画、双倍动画等）。

首先让我们了解一下Storyboard和Animation。

动画(Animations)：

动画可以使用户界面更具吸引力和视觉效果。我们还可以在控件上创建视觉效果，动画可以是各种类型的，例如：

更改控件的背景颜色 将屏幕旋转90度 将对象从一个位置移动到另一个位置 更改圆形的不透明度（淡入/淡出）。

动画与UIElement的属性一起使用。WPF提供不同类型的动画用于属性，例如：

ColorAnimation： 用于在特定持续时间内动画/更改UIElement的颜色属性（SolidColorBrush，LinearGradientBrush）。它有两个属性：

From（源）和To（目标）

<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>

数据触发器

数据触发器是一种触发器，它们监视绑定值而不是依赖属性。它们允许您监视一个绑定表达式，并在该绑定计算结果等于您的值时自动作出反应。正如其名称所示，数据触发器将属性值应用于绑定到UI元素的数据以执行操作。 数据触发器允许在绑定数据匹配指定条件时设置属性值。举个例子：

<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>

多数据触发器

多触发器(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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接