Question

WPF中有哪些不同的触发器？它们如何不同，何时使用它们？

我见过以下触发器：

触发
DataTrigger
MultiTrigger
MultiDataTrigger
EventTrigger

Answer 1

触发器通常用于Style或ControlTemplate。它触发被模板化的东西的属性，并设置控件（或特定模板元素）的其他属性。例如，您将使用IsMouseOver上的Trigger来响应鼠标悬停在控件上，并且setter可能会更新画笔以显示“热”效果。

DataTrigger触发数据绑定而不是控件属性。它通常用于DataTemplate。例如，如果AlertLevel属性等于ZomgWereAllGoingToDie，则可以使用DataTrigger更改DataTemplate中元素的颜色。如果要在“转换”控件属性上触发（即在触发器测试中使用IValueConverter），DataTriggers在控件模板中也很有用。例如，如果Text属性（被视为数字）为负数，则可以使用DataTrigger将TextBox的前景变为红色，方法是使用具有合适IValueConverter和RelativeSource of Self或TemplatedParent的DataTrigger。

MultiTrigger和MultiDataTrigger是相同的，除了它们允许您指定多个条件（属性或绑定）并且仅在满足所有条件时生效。

最后，EventTrigger用于触发响应事件的动作（而不是改变一个状态以响应另一个状态）。例如，您可以使用EventTrigger来响应MouseEnter事件。 EventTriggers通常用于执行故事板，例如在事件发生时执行动画。

Answer 2

Trigger通常用于Style或ControlTemplate。它触发任何被模板化的属性，并设置控件（或特定模板元素）的其他属性。例如，您可以使用IsMouseOver上的触发器来响应鼠标悬停在控件上，而setters可能会更新画笔以显示“热”效果。

为什么要使用Trigger？

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

WPF中有多少种触发器？

WPF支持五种类型的触发器;他们是：

Property Trigger
数据触发
MultiTrigger
MultiDataTrigger
事件触发器

属性触发

触发器的最简单形式是属性触发器，它监视依赖项属性是否具有特定值。例如，如果我们想要在用户将鼠标移到其上时点亮黄色按钮，我们可以通过观察IsMouseOver属性的值为“True”来实现。< / p>

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。您可以在控件的任何依赖属性上设置触发器。 e.g。

 <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时，它将执行。条件。

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

动画可以为用户界面提供更具吸引力的外观和感觉。我们还可以在控件上创建视觉效果，动画可以是任何类型：

更改控件的背景颜色 以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的Data执行操作。 {B}数据允许在绑定数据与指定条件匹配时设置属性值。例如：

DataTrigger

<强> MultiDataTrigger

<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

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

2 个答案: