WPF之故事板

Storyboard：故事板

故事板是增强的时间线，可用来分组多个动画，而且具有控制动画播放的能力。暂停、停止以及改变播放位置。

下面的标记演示了如何定义用于管理DoublieAnimation的故事不能：

<Storyboard TargerName="cmdGrow" TargetProperty="Width">
	<DoublieAnimation From="160" TO="300" Duration="0:0:5" />
</Storyboard> 

TargetName和TargetProperty都是附加属性。这意味着可直接将它们应用于动画，如下所示：

<Storyboard>
	<DoubleAnimation Storyboard.TargerName="cmdGrow"  Storyboard.TargetProperty="Width" From="150" To="300" Duration="0:0:1"/>
</Storyboard> 

上面的语法更常用，因为通过这个语法可在同一个故事板放置几个动画，并且每个动画可以用于不同的元素和属性。

动画事件触发器

当创建事件触发器时，需要指定开始触发器的路由事件和由触发器执行的一个或多个动作。对于动画，最常用的动作是BeginStoryboard，该动作相当于调用BeginStoryboard()方法。

<Button Name="key1" Content="liibin"  Width="100"  Height="25">
	<Button.Triggers>
		<EventTrigger RoutedEvent="Button.MouseEnter">
			<EventTrigger.Actions>
				<BeginStoryboard>
					<Storyboard>
						<DoubleAnimation  Storyboard.TargetProperty="Width" From="150" To="300" Duration="0:0:1"/>
						<DoubleAnimation  Storyboard.TargetProperty="Height" From="50" To="300" Duration="0:0:1"/>
				 	</Storyboard>
				 </BeginStoryboard>
			 </EventTrigger.Actions>
		 </EventTrigger>
	 </Button.Triggers>
</Button>