分享

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

 Jcstone 2013-04-22

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程序:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多