WPF时间轴

在Flash动画的制作中，有一个时间轴的概念。时间轴是用来控制在动画运行中相应的时间时，某个或某些对象所需要执行的操作。例如一个Flash动画，在动画运行后，第5秒的时候有一个小人出现在动画中，并且拿出了一朵花。在这个过程中，就需要在第5秒的时候对相应的对象（这里包括人，花）进行相应的操作。
在WPF应用程序中同样包括一个时间轴，这个时间轴用于定制WPF动画事件中某一个时刻所需要实现的动画效果，开发人员能够通过使用WPF时间轴快速的实现动画效果。例如上一节中讲到的开发人员希望实现一个按钮的动画效果，则可以通过时间轴编写相应的事件，时间轴如图19-16所示。
在对象和时间轴面板中，可以选择相应的对象进行动画事件的操作。在时间轴面板中，可以看到在时间轴上方包括从0开始的数字，这些数字就是时间控制。当触发某个动画事件时，时间轴就开始运算，从0开始向右移动，分别执行相应的路径以实现动画效果。如果开发人员希望用户单击按钮时能够实现按钮形状和透明度的变化，可以通过时间轴方便的生成动画。在进行时间轴操作前，可以通过样式控制控件的相应位置，样式和内容等，如图19-17所示。
  
图19-16  对象和时间轴                 图19-17  控件初始状态
初始状态确定后XAML文档代码如下所示。
<Button HorizontalAlignment="Left" Margin="267,103,0,0" VerticalAlignment="Top" Content="会变的按钮" Height="52.687" Width="86" Opacity="0.4" x:Name="button" RenderTransformOrigin="0.5,0.5">
         <Button.RenderTransform>
                   <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                   </TransformGroup>
         </Button.RenderTransform>
</Button>
上述代码初始化了一个按钮控件并声明。在确定了初始状态后就需要拖动时间轴来确定动画播放的顺序，如图19-18所示。

图19-18  拖动时间轴
如图19-18所示，可以将时间轴拖放在2秒的位置。拖放后，可以直接在当前位置修改控件的属性。修改后当触发动画事件后，时间轴开始移动并且会随着时间轴进行控件属性的更改。当时间轴的时间指针移动到2秒位置时，属性就会更改成2秒时设置的样式，如图19-19和图19-20所示。
 
图19-19  初始状态                          图19-20  实现动画
通过使用时间轴能够快速定义WPF动画效果，开发人员能够使用时间轴进行相应的动画操作而无需通过编程实现，这样就简化了开发人员对底层动画实现的复杂的操作，节约了开发周期。另外，设计人员也能够设计动画事件并专注与WPF动画的实现，而开发人员能够专注逻辑处理，可以将动画事件的实现交付给设计人员，形成明确的分工。