WPF学习心得（3）——触发器

WPF学习心得（3）

 

 

触发器

 

触发器包括以下几种：

属性触发器

EventTrigger 和 Storyboard

MultiTrigger、DataTrigger 和 MultiDataTrigger

 

本系统讨论其中的两种：属性触发器和事件触发器，由于属性只能出现在样式中，故本文只讨论事件触发器，属性触发器的内容将在样式一章中涉及。

 

示例代码如下：

<Window x:Class="WpfApplication30.Window3"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="Window3" Height="300" Width="300">

    <Window.Resources>

        <EventTrigger RoutedEvent="Button.MouseEnter" x:Key="btnEventTrigger">

                <BeginStoryboard>

                    <Storyboard>

                    <DoubleAnimation Storyboard.TargetProperty="Width" To="200" AutoReverse="True" Duration="0:0:0.2" />

                    <DoubleAnimation Storyboard.TargetProperty="Height" To="200" AutoReverse="True" Duration="0:0:0.2" />

                    </Storyboard>

                </BeginStoryboard>

        </EventTrigger>

    </Window.Resources>

    <Grid >

        <Button Content="Button1" Margin="12,21,0,0" Height="43" HorizontalAlignment="Left" VerticalAlignment="Top" Width="80">

            <Button.Triggers>

                <EventTrigger RoutedEvent="Button.MouseEnter">

                    <BeginStoryboard>

                        <Storyboard>

                            <DoubleAnimation Storyboard.TargetProperty="Height" To="200" AutoReverse="True" Duration="0:0:0.2" />

                            <DoubleAnimation Storyboard.TargetProperty="Width" To="200" AutoReverse="True" Duration="0:0:0.2" />

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger>

            </Button.Triggers>

        </Button>

        <Button Content="Button2" Margin="12,0,0,21" Height="46" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="73">

            <Button.Triggers>

                <StaticResource ResourceKey="btnEventTrigger"/>

            </Button.Triggers>

        </Button>

    </Grid>

</Window>

 

首先要说明，控件的Triggers属性虽然是一个TriggerCollection类型（其元素类型为TriggerBase），但实际上只支持事件触发器，即EventTrigger。

 

下面逐行分析：

<EventTrigger RoutedEvent="Button.MouseEnter">

这里指定了触发条件，即当触发何种事件时响应该触发器，因为没有指定TargetType（实际上这里没法指定，但是在样式里可以从父级继承过来），所以必须用【类型.成员】的方式指定事件名（这是必然的，否则何处找寻该成员？(^_^)）。

 

<BeginStoryboard>

触发器有三个表示其响应后行为的集合：

Actions

EnterActions

ExitActions

而对于事件触发器，只有Actions是有效的，这里的等效代码是：

<EventTrigger RoutedEvent="Button.MouseEnter">

            <EventTrigger.Actions>

                <BeginStoryboard>

所以你可以推测出BeginStoryboard是一种行为(Action)，它可以承载Storyboard以执行操作

 

<Storyboard>

情节提要可以包含一系统的时间线来表示动画

 

<DoubleAnimation Storyboard.TargetProperty="Width" To="200" AutoReverse="True" Duration="0:0:0.2" />

这是表示浮点数的动画，Storyboard.TargetProperty="Width"用于指示需要进行改变的属性，To表示目标值（由于没有指定初始值，默认为控件的当前值），AutoReverse属性指示在动画完成后，是否自动返回到原来的状态，Duration指定动画执行的时间尺度。