silverlight 3中的动画延时效果

在silverlight3中，新增加了对动画的延时效果

•BackEase -向后移动通过其幅度由指定值前进。
•BounceEase -建立一个像弹跳球的效果。
•CircleEase -根据动画加速功能。
•CubicEase -立体动画加速功能。
•ElasticEase -使用轻快和振荡的动画。
•ExponentialEase -加速后以指数值为基础的动画。
•PowerEase -加速后，一时间力度为基础的动画。
•QuadraticEase -加速后扩散的动画。
•QuarticEase -加速后的时间立方体的动画。
•QuinticEase -加速后的时间为5力度为基础的动画。
•SineEase -加速沿正弦波动画。

以下是我一个简单的代码说明如果实现动画效果

xaml:

 1:  <UserControl x:Class="SilverlightApplication13.MainPage"

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

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

 4:      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

 5:      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

 6:      mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

 7:      <Canvas x:Name="LayoutRoot">

 8:          <Ellipse x:Name="ellipse1" Fill="#FFD44F4F" 

 9:                   Stroke="Black" 

10:                   RenderTransformOrigin="0.5,0.5"

11:                   Width="50" Height="50"/>

12:      </Canvas >

13:  </UserControl>

代码：

 1:  //定义一个故事板

 2:  Storyboard sb = new Storyboard();

 3:  

 4:  //定义一个动画

 5:  DoubleAnimation da = new DoubleAnimation();

 6:  da.To = 100;

 7:  da.Duration = TimeSpan.FromSeconds(5);

 8:  

 9:  //定义一个动画延时效果

10:  BounceEase be = new BounceEase();

11:  be.Bounces = 4;

12:  be.Bounciness = 1.8;

13:  be.EasingMode = EasingMode.EaseOut;

14:  

15:  //把特效关联到

16:  da.EasingFunction = be;

17:  

18:  Storyboard.SetTarget(da, ellipse1);

19:  Storyboard.SetTargetProperty(da, new PropertyPath("(Canvas.Left)"));

20:  

21:  sb.Children.Add(da);

22:  sb.Begin();

这里我只演示其中一种效果的使用。你可以试其他更多的效果。

以下是通过Blend设计这种效果的操作方法:

创建一个新的动画.

创建动画一个位移的。

选中动画关健帧，在右边的属性栏中可以看到上边的动画效果选择框。即可以实现同样的效果。