WPF学习心得(3)
触发器
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是有效的,这里的等效代码是:
<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指定动画执行的时间尺度。