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设计这种效果的操作方法:

image

创建一个新的动画.

image

创建动画一个位移的。

image

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

原文地址:https://www.cnblogs.com/jacle169/p/2810023.html