silverlight 动画 EasingFunction(silverlight)的11种用法

EasingFunction(silverlight)的11种用法

EasingFunctionBase为11种动画提供了基类。下面是各个基类及用法。


BackEase
表示缓动函数,该函数在开始在指示的路径中进行动画处理之前略微收回动画的动作。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<DoubleAnimation.EasingFunction>
<BackEase Amplitude="0.3" EasingMode="EaseInOut"/>
</DoubleAnimation.EasingFunction>

BounceEase
表示用于创建动画弹跳效果的缓动函数。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;
用法:<BounceEase Bounces="2" EasingMode="EaseOut" Bounciness="2" />
Bounciness: 获取或设置用于指定弹跳动画的弹跳程度的值。如果此属性的值较低,则下次弹跳的弹跳高度略比上次弹跳的弹跳高度略有降低(更具弹性),而值较高会导致弹跳减弱(弹性降低)。

                              
CircleEase
表示缓动函数,该函数使用循环函数创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<CircleEase EasingMode="EaseOut"/>


CubicEase
表示缓动函数,使用公式 f(t) = t3 创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<CubicEase EasingMode="EaseOut"/>

ElasticEase
表示缓动函数,创建一个类似于弹簧来回振动直到停止的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法; ElasticEase x:Name="myElasticEase" Oscillations="3"
Springiness="1" EasingMode="EaseOut"/>
Oscillations:获取或设置目标在动画目标位置来回滑动的次数。
Springiness:获取或设置弹簧的刚度。弹性值越小,弹簧就越硬,且每次振动时弹力在强度方面会减小得越快。


ExponentialEase:
表示缓动函数,该函数使用指数公式创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<ExponentialEase Exponent="6" EasingMode="EaseOut"/>
Exponent:获取或设置用于确定动画的内插的指数。


PowerEase
表示缓动函数,该函数使用公式 f(t) = tp 创建加速和/或减速的动画,其中 p 等于 Power 属性。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<PowerEase Power="20" EasingMode="EaseOut"/>

QuadraticEase
表示缓动函数,使用公式 f(t) = t2 创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<QuadraticEase EasingMode="EaseOut"/>


QuarticEase
表示缓动函数,使用公式 f(t) = t4 创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

 

用法:<QuarticEase EasingMode="EaseOut"/>


QuinticEase
表示缓动函数,使用公式 f(t) = t5 创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<QuinticEase EasingMode="EaseOut"/>


SineEase
表示缓动函数,使用正弦公式创建加速和/或减速的动画。通过改变EaseMode的属性值,可以改变动画效果。EaseMode有三种值:EaseIn、EaseOut、EaseInOut;

用法:<SineEase EasingMode="EaseOut"/>下面是这11种用法的silverlight程序:

http://www.shinedraw.com/animation-effect/11-storyboard-animation-easing-demonstration/

转载于:https://www.cnblogs.com/poorpan/archive/2012/08/29/silverlight%e5%8a%a8%e7%94%bbEasingFunction.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值