WPF触发器的分类及使用

WPF触发器的分类及使用

触发器简介

  在WPF中，是这样描述触发器的，在属性改变或触发事件时设置属性或启动操作。意思很明了，满足两个条件中任意一个：1、属性改变 2、某一个事件触发，结果就是上面条件发生了，就设置其它的一些属性，或者能启动某个动作。这就是WPF中触发器的作用。在WPF中，触发器按触发的类别可以分为三类，即属性触发器、事件触发器、数据触发器，按触发条件的数量可以划分为：多条件触发器、单条件触发器。下面将按类别进行讲解。

属性触发器（PropertyTrigger）
  在属性值发生更改时触发属性的设置或启动操作的Trigger称为属性触发器。如下代码设置了ListBoxItem的Opacity属性为0.5，也即是半透明。当ListBoxItem的IsSelected属性发生了改变，值变为True时，触发了其属性Opacity被设置为1.0，也即是不透明，示例代码如下：

<Window.Resources>
    <Style TargetType="ListBoxItem">
        <Setter Property="Opacity" Value="0.5" />
        <Setter Property="Height" Value="35" />
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Trigger.Setters>
                    <Setter Property="Opacity" Value="1.0" />
                </Trigger.Setters>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <ListBox>
        <ListBoxItem Content="测试1"/>
        <ListBoxItem Content="测试2"/>
        <ListBoxItem Content="测试3"/>
    </ListBox>
</Grid>

事件触发器（EventTrigger）
  在事件发生更改时触发属性的设置或启动一组操作的Trigger称为事件触发器。下面的代码将展示ListBoxItem默认Height属性为35，当鼠标移动弄到ListBoxItem上面时，触发从0.2秒内Height属性值从35到100的动画变化。当鼠标移出ListBoxItem时，其Height将从100又动画变化到35，示例代码如下：

<Window.Resources>
    <Style TargetType="ListBoxItem">
        <Setter Property="Opacity" Value="1.0" />
        <Setter Property="Height" Value="35" />
        <Style.Triggers>
            <EventTrigger RoutedEvent="Mouse.MouseEnter">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                    Duration="0:0:0.2"
                    Storyboard.TargetProperty="Height"
                    To="100"  />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
            <EventTrigger RoutedEvent="Mouse.MouseLeave">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                    Duration="0:0:1"
                    Storyboard.TargetProperty="Height"  />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <ListBox>
        <ListBoxItem Content="测试1"/>
        <ListBoxItem Content="测试2"/>
        <ListBoxItem Content="测试3"/>
    </ListBox>
</Grid>
</