`
LiYunpeng
  • 浏览: 952579 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

关于Tweenlite的一些使用参数

阅读更多
在网上找了很多关于Tweenlite的讲解和说明,但是在实际应用的时候,也看了看Tweenlite的源码,不知道是因为下载版本的问题,还是什么其他的,有很多参数是不能用的
包括greensock官网(http://www.greensock.com)上也没有给出,不过看到了如下博文,这个还是比较准确的

以下引用 http://www.cnblogs.com/2050/archive/2010/10/10/1846983.html

GreenSock动画平台学习笔记(一)TweenLite

静态属性

TweenLite.defaultEase

设置默认的缓动函数

静态方法
TweenLite.to( target:Object, duration:Number, vars:Object):TweenLite

功能:用来创建动画

参数:target:要创建动画的影片剪辑

        duration:动画持续的时间,以秒为单位(如果整个动画模式是基于帧的话则以帧为单位)

        vars:要参与动画的属性,以对象形式来写,比如{x:100,y:100,…},这些属性是动画完成的目标

例:TweenLite.to(mc, 1, {x:100});

   var myTween:TweenLite = new TweenLite(mc, 1, {x:100});  //以第一个代码效果相同

   var myTween:TweenLite = TweenLite.to(mc, 1, {x:100});   //以第一个代码效果相同


TweenLite.from( target:Object, duration:Number, vars:Object):TweenLite

功能:用来创建动画,与TweenLite.to不同的是,这个函数动画的属性目标是影片剪辑的现有属性,初始属性是vars设定的属性

参数:target:要创建动画的影片剪辑

        duration:动画持续的时间,以秒为单位(如果整个动画模式是基于帧的话则以帧为单位)

        vars:要参与动画的属性,以对象形式来写,比如{x:100,y:100,…},这些属性是动画的初始属性

例:TweenLite.from(mc, 1, {x:100});



TweenLite.delayedCall( delay:Number,onComplete:Function,onCompleteParams:Array = null, useFrames:Boolean = false):TweenLite

功能:用于在一定时间或一定帧数后自动执行一个函数,相当于一个延迟器吧

参数:delay:要延迟执行函数的时间(或是帧数)

        onComplete:要延迟执行的函数

        onCompleteParams:要延迟执行的函数的参数,以数组形式传入

        useFrames:指明是用时间还是帧数来记时

例:TweenLite.delayedCall(1, myFunction, ["param1", 2]);


TweenLite.killTweensOf( target:Object, complete:Boolean = false, vars:Object = null):void

功能:用来消除动画

参数:target:要消除动画的影片剪辑

        complete:如果为真则会在消除动画的同时把动画属性设为完成时的值,如果为假则不会

        vars:要消除动画的属性,以对象形式来写,比如{x:true,y:true,…},这些属性将不再参与动画

例:TweenLite.killTweensOf(mc, false, {alpha:true, x:true});


动画属性对象vars:

{

delay:Number   在开始动画前要等待的时间,单位为秒(或帧数)

useFrames:Boolean   如果设为true则动画模式是基于帧的,否则是基于时间的(指的是动画函数中要指定时间的地方)

ease:Function  缓动函数,默认为Quad.easeOut

easeParams:Array 缓动函数的参数,以数组形式传入,注意只是有些缓动函数才需要需要参数的

immediateRender:Boolean 当值为false时,

overwrite:int  用来控制同一个对象上有多个动画时的覆盖之类的情况,tweenlite只有1和2这两种情况可选,具体请见OverwriteManager

onInit:Function 当动画开始渲染(或是说开始运行时)前要执行的函数

onInitParams:Array onInit函数的参数,以数组形式传入

onStart:Function 当动画开始渲染时要执行的函数,有可能会被执行多次,因为动画时可以重复开始的

onStartParams:Array onStart函数的参数,以数组形式传入

onUpdate:Function 当每一次动画属性值发生变化时调用的函数

onUpdateParams:Array  onUpdate函数的参数,以数组形式传入

onComplete:Function 当动画执行完毕后要调用的函数

onCompleteParams:Array  onComplete函数的参数,以数组形式传入

onReverseComplete:Function  当一个动画被反转后又回到了原点时调用的函数

onReverseComplete:Array  onReverseComplete函数的参数,以数组形式传入

}



OverwriteManager

NONE(0)  同一个物体上的动画之间不会被覆盖

ALL_IMMEDIATE(1) 会立即覆盖之前的所有动画(包括运行的和没运行的),也是也tweenlite的默认模式,被覆盖的动画会保持覆盖那一刻的现状

AUTO(2) 当动画开始运行时(即不包括延迟或暂停之类的)覆盖,且只会覆盖同一物体上的正在运行的动画中的有重叠的动画属性。是TweenMax、TimelineLite、TimelineMax的默认覆盖模式

CONCURRENT(3) 当动画开始运行时覆盖,会覆盖同一物体上正在运行的所有动画

ALL_ONSTART(4)  当动画开始运行时覆盖,会覆盖同一物体上的所有动画(包括运行的和没运行的)

PREEXISTING(5)  当动画开始运行时覆盖,会覆盖同一物体上在本动画之前创建的所有动画(包括运行的和没运行的)

可以使用OverwriteManager.init(OverwriteManager.AUTO);来给所有动画定义覆盖方式,如果想给不同动画定义不同覆盖方式,则在具体的vars对象中定义

2、3、4、5类型都需要导入OverwriteManager类

------------------------------------------------------------------------
GreenSock动画平台学习笔记(二)TweenMax

TweenMax的vars对象支持的属性

{

delay:Number   在开始动画前要等待的时间,单位为秒(或帧数)

useFrames:Boolean   如果设为true则动画模式是基于帧的,否则是基于时间的(指的是动画函数中要指定时间的地方)

ease:Function  缓动函数,默认为Quad.easeOut

easeParams:Array 缓动函数的参数,以数组形式传入,注意只是有些缓动函数才需要需要参数的

immediateRender:Boolean 当值为false时,

overwrite:int  用来控制同一个对象上有多个动画时的覆盖之类的情况,tweenlite只有1和2这两种情况可选,具体请见OverwriteManager

onInit:Function 当动画开始渲染(或是说开始运行时)前要执行的函数

onInitParams:Array onInit函数的参数,以数组形式传入

onStart:Function 当动画开始渲染时要执行的函数,有可能会被执行多次,因为动画时可以重复开始的

onStartParams:Array onStart函数的参数,以数组形式传入

onUpdate:Function 当每一次动画属性值发生变化时调用的函数

onUpdateParams:Array  onUpdate函数的参数,以数组形式传入

onComplete:Function 当动画执行完毕后要调用的函数

onCompleteParams:Array  onComplete函数的参数,以数组形式传入

onReverseComplete:Function  当一个动画被反转后又回到了原点时调用的函数

onReverseComplete:Array  onReverseComplete函数的参数,以数组形式传入

onRepeat:Function  当每次动画重新执行时要调用的函数

onRepeatParams:Array   onRepeat函数的参数,以数组形式传入

paused:Boolean   当值为真时,动画将会暂停播放

reversed:Boolean  当值为真时,动画将会倒退播放,注意必须设置currentProgress为1或currentTime为动画持续时间,倒退播放才起作用

repeat:int  设定动画的循环播放次数,要想无限循环请使用-1。循环的次数不包括动画的第一次播放

repeatDelay:Number  设定动画每一次循环之间的间隔时间(或是帧),单位为妙

yoyo:Boolean   当值为真时,动画循环的方式为: 向前播放-向后播放-向前播放,而如果yoyo为假的时候,循环的方式为:向前播放-回到原点向前播放。向后播放也会被算作一次循环。

startAt:Object   设定动画的各种初始属性,以对象方式来写 

}



TweenMax实例属性

currentProgress:Number[读写]    用来读取或设置动画的当前进程,0表示开始,0.5表示一半,1表示结束,

totalProgress:Number[读写]     用来读取或设置动画的当前进程,0表示开始,0.5表示一半,1表示结束,可读可写,与currentProgress不同的是,该属性是相对于动画整体而言的,即动画如果设置了循环,那循环的部分也会算在内

currentTime:Number[写]   用来设置动画的当前时间,以秒(或帧)为单位,只可写。

totalTime:Number [写]  用来设置动画的当前时间,以秒(或帧)为单位,只可写。该属性会把循环也算在内

repeat:int[写] 用来设置动画重复(或者说循环)次数,当设为-1时为无限循环

repeatDelay:Number[读写]  动画每次循环间隔的秒数(或帧数)

yoyo:Boolean  与循环配合使用,当值为真时,循环模式为来回,即1-2-3,3-2-1,1-2-3,  当值为假时,循环模式为单向循环,即1-2-3,1-2-3,1-2-3

timeScale:Number[读写]   用来读取或设置该实例动画的回放速率,例如1为正常速度,0.5为一半速度,2为2倍速度

totalDuration:Number[读写]  用来设置或读取动画的持续秒数(或帧数),包括了所有循环、循环间隔所用的时间。

duration:Number[读写]    用来设置或读取动画执行一次的持续秒数(或帧数),即不包括循环、循环间隔的时间。



TweenMax实例方法

complete( skipRender:Boolean = false, suppressEvents:Boolean = false ):void

      说明:用来立刻完成动画

      参数:skipRender:设为true的时候动画属性会停留在目前状态,为false时会设为最终状态

              suppressEvents:当为true时,onComplete, onUpdate, onReverseComplete等事件不会触发

killProperties( names:Array ):void

      说明:用来删除某个动画中的动画属性,并且被删除的动画属性不会被设为最终状态

      参数:names:要删除的动画属性,以数组形式传入,如["x","y"]

updateTo( vars:Object, resetDuration:Boolean = false ):void

      说明:用来在动画创建后(或正在运行中)改变它的vars对象,如果使用了该方法,那么当 resetDuration为真且动画没在运行当中的时候会重新启动动画

      参数:vars:要改变的属性

              resetDuration:为真且动画没在运行的时候会重启动画,如果为假则不会重启动画



TweenMax静态属性/方法

globalTimeScale:Number[读写]   用来读取或设置所有动画的回放速率,例如1为正常速度,0.5为一半速度,2为2倍速度,能取的最小值为0.0001

killTweensOf()   //移除所有动画,并会把各种动画属性都设置到最终状态,无参数

to( target:Object, duration:Number, vars:Object ):TweenMax

         说明:与TweenLite.to()用法相同,不过功能有所增加,体现在vars的属性上

from( target:Object, duration:Number, vars:Object ):TweenMax

         说明:与TweenLite.from()用法相同,不过功能有所增加,体现在vars的属性上

fromTo( target:Object, duration:Number, fromVars:Object, toVars:Object ):TweenMax

        说明:与to()、from()用法差不多,只不过是从指定动画属性到指定动画属性,fromVars对象里只写初始化的要进行动画的属性,,其他的诸如delay、onUpdate等属性只能写在toVars对象里。

allTo( targets:Array, duration:Number, vars:Object, stagger:Number = 0, onCompleteAll:Function = null, onCompleteAllParams:Array = null ):Array

       说明:与to()用法差不多。不过这个函数能驱动多个显示对象。

       参数:targets:要进行动画的显示对象,可以有多个,以数组形式传入

               duration:动画持续的秒数(或帧数)

               vars:设置动画的一些属性及其他参数

               stagger:每个显示对象间的动画开始间隔秒数

              onCompleteAll:当所有显示对象都完成动画后要调用的函数

              onCompleteAllParams: onCompleteAll函数的参数,以数组形式传入

allFrom( targets:Array, duration:Number, vars:Object, stagger:Number = 0, onCompleteAll:Function = null, onCompleteAllParams:Array = null ):Array

     说明:与allTo()用法相同

allFromTo( targets:Array, duration:Number, fromVars:Object, toVars:Object, stagger:Number = 0, onCompleteAll:Function = null, onCompleteAllParams:Array = null ):Array

     说明:与fromTo()功能相同,只不过能驱动多个显示对象做动画,用法与allTo()、allFrom()相同

delayedCall( delay:Number, onComplete:Function, onCompleteParams:Array = null, useFrames:Boolean = false ):TweenMax

     说明:用于在一定时间(或帧数)后调用一个函数

     参数:delay:要延迟的秒数(或帧数)

             onComplete:要延迟执行的函数

             onCompleteParams: onComplete的参数,以数组形式传入

             useFrame:设定延迟的时间模式是基于秒数还是帧数

getAllTweens()

     说明:获取所有还没完成的动画实例,已经完成了的动画不会获取到。当autoRemoveChildren属性设为真的时候,已经完成的动画就不会再存在于时间轴上了

getTweensOf( target:Object ):Array

     说明:用来获取某个物体上的所有TweenLiteTweenMax对象

     参数:target:目标物体   

isTweening( target:object ):Boolean

     说明:用来侦测某个物体是否在进行动画

     参数:target:要侦测的物体

killAll( complete:Boolean = false, tweens:Boolean = true, delayedCalls:Boolean = true ):void

     说明:用来消除所有的动画和/或延迟函数

     参数:complete:当为真时在动画或延迟函数消除前会完成执行

             tweens:当为真时,会保留动画

             delayedCalls:当为真时会保留延迟函数

killChildTweensOf( parent:DisplayObjectContainer, complete:Boolean = false ):void

     说明:用来消除一个显示对象容器内的所有子对象的动画

     参数:parent:目标显示对象容器

             complete:在动画消除前是否强制动画执行完

pauseAll( tweens:Boolean = true, delayedCalls:Boolean = true ):void

    说明:用来暂停所有动画或延迟函数

    参数:tweens:如果为真则所有动画都会暂停

            delayedCalls:如果为真则所有延迟函数都会暂停

resumeAll( tweens:Boolean = true, delayedCalls:Boolean = true ):void

     说明:用来继续所有暂停了的动画和延迟函数

     参数:tweens:如果为真,所有暂停的动画都会继续

             delayedCalls:如果为真,所有暂停的延迟函数都会继续
分享到:
评论

相关推荐

    tweenLite中文手册与参数说明

    TweenLite 的主要优势在于其出色的性能、丰富的功能以及灵活的使用方式,使其成为AS3开发中的理想选择。 1. 效率:TweenLite 在性能上优于Adobe官方的Tween,它被设计得更为轻量级,能更快地执行缓动动画。 2. 回...

    Tweener,TweenLite的使用方法

    以下是一些使用Tweener的基本步骤: 1. 导入Tweener库:在AS3代码的开头,你需要导入Tweener类,通常为`com.greensock.TweenLite`。 ```as3 import com.greensock.TweenLite; ``` 2. 创建tween:使用`TweenLite....

    TweenLite中文手册及参数说明

    为了提高性能,TweenLite使用了一些优化技术,如最小化DOM操作、缓存计算结果等。同时,注意避免在动画过程中执行耗时的操作,以防止阻塞主线程。 总之,TweenLite是一个强大而灵活的动画工具,通过掌握其参数和...

    TweenLite在Flash中类包.rar

    这个压缩包"TweenLite在Flash中类包.rar"包含了一系列关于TweenLite的资源,包括动画实例和可能的源代码,这对于学习和理解TweenLite的工作原理以及如何在实际项目中应用它是非常有价值的。 TweenLite是GreenSock ...

    TweenLite中文文档

    此外,TweenLite还提供了一些Tween不具有的特性,如onComplete、onStart、onUpdate等回调方法,允许开发者在特定动画阶段执行自定义代码,并且可以传递任意数量的参数。 TweenLite支持智能透明度处理(alpha),当...

    Tweenlite类库集合

    在使用Tweenlite类库时,开发者应熟悉其API文档,了解各种方法和参数的含义。同时,通过实践和学习提供的示例项目,可以快速掌握并灵活运用这个强大的工具。这个压缩包中的“gs”文件可能包含了关于Tweenlite的源码...

    tweenLite中文手册与参数说明(pdf)

    ### tweenLite中文手册与参数说明 #### 一、为什么选择tweenLite? 1. **效率提升**:tweenLite在性能方面超越了Adobe官方提供的tween功能,这得益于其内部优化设计。通过以下链接可以查看具体性能对比示例:...

    TweenLite as3

    7. **延迟与重复**:可以使用`delay`参数设置动画开始前的延迟时间,使用`repeat`参数设置动画的重复次数。例如: ```actionscript TweenLite.to(myObject, 1, {x:100}).to(myObject, 1, {x:200}, 1).repeat(-1); ...

    as3程序源文件 TweenLite

    这个压缩包中的TweenLiteExample文件很可能是包含了一些示例代码,用于展示如何在AS3项目中有效使用TweenLite库。 在AS3中,TweenLite的核心功能是实现对象属性的平滑过渡,如位置、大小、透明度等。它提供了多种缓...

    tweenLite中文手册与参数说明.doc

    TweenMax 继承 TweenLite , 轻量,快速并增加了新的功能:比如 pause/resume, timeScale, event listeners, reverse(), restart(), setDestination(), yoyo, loop, rounding, 并且能够使用 progress 属性 跳到...

    TweenLite中文帮助手册

    开发者可以设置`delay`参数来控制动画开始前的等待时间,或者使用`repeat`参数让动画重复执行。此外,`yoyo`选项可用于使动画在回溯过程中反转方向。 6. **组合动画** TweenLite的强项在于时间线管理。通过`...

    TweenLite中文资料手册

    2. 回调方法:TweenLite支持onComplete、onStart和onUpdate等回调函数,开发者可以在这类事件触发时添加自定义代码,且可以传递任意数量的参数,这是Tween不具备的功能。 3. 智能alpha处理:当对象的alpha值减至0时...

    AS3 TweenLite类

    最后,我们使用`TweenLite.to()`方法来创建动画,参数分别是目标对象、持续时间、以及属性的变化。在这个例子中,对象将在2秒内平滑地移动到x=500,y=300的位置,使用线性缓动(无缓动效果)。 TweenLite支持多种缓...

    Flash缓动插件——TweenLite

    此外,TweenLite与其他GreenSock工具集(如TimelineLite和TweenMax)结合使用时,可以创建更复杂的序列动画和交互。 总之,TweenLite作为一个高效的Flash缓动插件,凭借其简洁的API、出色的性能和丰富的功能,成为...

    TweenLite中文帮助文档

    - **丰富的回调机制**:TweenLite提供了`onComplete`、`onStart`、`onUpdate`等回调方法,允许开发者在动画开始、更新和完成时执行自定义代码,并且支持向这些方法中传递任意数量的参数,增强了动画控制的灵活性。...

    最新 TweenLite

    在使用最新TweenLite时,你需要了解如何导入库、创建补间、设置动画参数(如持续时间、缓动函数等)、启动和停止动画,以及如何利用提供的事件监听器来响应动画状态变化。此外,熟练掌握各种 easing 函数将有助于...

    FLASH TweenLite/TweenMax 帮助文档

    通过阅读提供的“FLASH TweenLite/TweenMax 帮助文档”,你可以详细学习如何使用这两个库,包括各种参数、方法和示例,进一步提升你的动画技能。文档中的实例和解释将帮助你更好地理解这些工具的强大之处,并将它们...

    TweenLite原生JS动画引擎代码与实例分享

    摘要:脚本资源,Ajax/JavaScript,TweenLite,动画引擎 TweenLite动画引擎分享,原生JS简单版,关于JS动画,一般我们处理的方式就是临时写一个 setTimeout来触发 要么就是基于框架来实现比如JQ的animate Mootools的Fx....

Global site tag (gtag.js) - Google Analytics