·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]Tween 类和 TransitionManager 类

时间:2014-07-25 17:27酷播
Tween 类和 TransitionManager 类。本节介绍如何对影片剪辑和 Macromedia V2 组件(包括在 Flash MX 2004 和 Flash 8 中)使用这些类,以便于轻松地向 SWF 文件中添加动画

    安装 Flash Basic 8 或 Flash Professional 8 后,还安装了两个功能强大的类:Tween 类和 TransitionManager 类。本节介绍如何对影片剪辑和 Macromedia V2 组件(包括在 Flash MX 2004 和 Flash 8 中)使用这些类,以便于轻松地向 SWF 文件中添加动画。
如果使用 Flash Professional 8(仅 ActionScript 2.0)创建幻灯片演示文稿或表单应用程序,可以选择在幻灯片间添加不同转变的行为,这类似于创建 PowerPoint 演示文稿时的情况。使用 Tween 和 TransitionManager 类将此功能添加到屏幕应用程序,可以生成根据所选行为让屏幕动起来的 ActionScript 代码。
     在 Flash Basic 8 或 Flash Professional 8 中,除了将 Tween 和 TransitionManager 类用于基于屏幕的文档之外,还可以在别处使用。例如,可以将这些类用于 Macromedia Component Architecture 第 2 版的组件集,或用于影片剪辑。如果您希望改变 ComboBox 组件的动画方式,则可以使用 TransitionManager 类在菜单打开时添加一些缓动。"缓动"是动画运行期间的渐进加速和渐进减速效果,有助于使动画显得更逼真。您还可以使用 Tween 和 TransitionManager 类来创建自己的动画菜单系统,而不使用时间轴上的补间动画或通过编写自定义代码来创建。

I、TransitionManager 类

     Flash 包含十种过渡效果,您可以将这些效果应用于影片剪辑对象。所有过渡均可以通过包括可选的缓动方法进行自定义,并且大多数过渡接受使用多个可选参数以控制其 效果的特定方面。"缓动"是指动画过程中的渐进加速或减速,它会使您的动画看起来更逼真。例如,一个球在刚开始运动阶段是以加速形式运动的,在接近停止到 完全停止阶段是以减速形式运动的。关于此加速和减速有许多公式,它们可以对缓动动画进行更改。您可以使用 TransitionManager 来指定过渡并将其应用于影片剪辑对象,而不是直接调用过渡。

Flash 中包括以下过渡:

过渡       方法       说明
遮帘过渡       Blinds       使用逐渐消失或逐渐出现的矩形来显示影片剪辑对象。
淡化过渡       Fade       淡入或淡出影片剪辑对象。
飞行过渡       Fly       从某一指定方向滑入影片剪辑对象。
光圈过渡       Iris       使用可以缩放的方形或圆形动画遮罩来显示或隐藏影片剪辑对象。
照片过渡       Photo       使影片剪辑对象像放映照片一样出现或消失。
像素溶解过渡       PixelDissolve       使用随机出现或消失的棋盘图案矩形来显示或隐藏影片剪辑对象。
旋转过渡       Rotate       旋转影片剪辑对象。
挤压过渡       Squeeze       水平或垂直缩放影片剪辑对象。
划入/划出过渡       Wipe       使用水平移动的动画遮罩形状来显示或隐藏影片剪辑对象。
缩放过渡       Zoom       通过按比例缩放来放大或缩小影片剪辑对象。

       若要使用 TransitionManager 类的方法和属性,您可以在两种方法中选择一种来创建新实例。最简单的方法是调用 TransitionManager.start() 方法,只须调用一次,就可以创建新的 TransitionManager 实例、指定目标对象、用一种缓动方法应用过渡并启动过渡效果。以下代码使用 TransitionManager.start() 方法:

mx.transitions.TransitionManager.start(myMovieClip_mc, {type:mx.transitions.Zoom, direction:mx.transitions.Transition.IN, duration:1, easing:mx.transitions.easing.Bounce.easeOut});

还可以通过使 用 new 运算符来创建 TransitionManager 类的新实例。然后可以指定过渡属性,并通过调用 TransitionManager.startTransition() 方法在另一步中启动过渡效果。以下代码使用 TransitionManager.startTransition() 方法:

var myTransitionManager:mx.transitions.TransitionManager = new mx.transitions.TransitionManager(myMovieClip_mc);

myTransitionManager.startTransition({type:mx.transitions.Zoom, direction:Transition.IN, duration:1, easing:mx.transitions.easing.Bounce.easeOut});

II、Tween类
     Tween 类使您能够使用 ActionScript 指定目标影片剪辑的属性在若干帧数或秒数中为补间动画,从而在舞台上轻松地对影片剪辑进行移动、调整大小和淡入淡出操作。Tween 类还使您能够指定各种缓动方法。缓动是指动画过程中的渐进加速或减速,它会使您的动画看起来更逼真。例如,您创建的下拉列表组件的选项可能在接近动画的开 始处时随着选项的出现而逐渐地增加速度,而在列表展开时速度减慢,直到结束动画时完全停止。Flash 提供了很多缓动方法(包括这种加速和减速的等式),它们会相应地更改缓动动画。
此外,Tween 类还调用事件处理函数,以便您的代码在动画开始、结束、恢复或增加其补间属性值时能够进行响应。例如,在第一个补间调用其 Tween.onMotionStopped 事件处理函数(指示第一个补间已停止)时,可以开始另一个补间动画。
当创建 Tween 类的新实例时,需要传递一些参数。您必须指明目标影片剪辑对象、补间将影响的影片剪辑的属性、补间的范围和用于计算补间的属性的缓动方法。
mx.transitions.Tween 类的构造函数有以下参数名称和类型:

Tween( obj:Object, prop:String, func:Function, begin:Number, finish:Number, duration:Number, useSeconds:Boolean )

obj,Tween 实例所面对的影片剪辑对象。
prop,要用值补间的 obj 中属性的字符串名称。
func,计算补间对象属性值的缓动效果的缓动方法。
begin,一个指示 prop(要补间的目标对象属性)的开始值的数字。
finish,一个指示 prop(要补间的目标对象属性)的结束值的数字。
duration,一个数字,指示补间动画的时间长度。如果省略,duration 会默认设置成无穷大。
useSeconds,一个布尔值,如果相对于 duration 参数中指定的值为 true,则表示使用秒;如果为 false,则表示使用帧。
当 创建 Tween 类的实例时,使用 func 参数指定提供缓动计算的函数或方法。Flash 提供了五个缓动类,每个缓动类都有三个方法,这些方法指示过渡动画的以下哪一部分应用缓动效果:在动画的开始、结尾或开始和结尾。此外,带有 easeNone 方法的 None 缓动类可用于指示未使用缓动。

下表描述了这六个缓动计算类
缓动类       说明
Back       在过渡范围外的一端或两端扩展动画一次,以产生从其范围外回拉的效果。
Bounce       在过渡范围的一端或两端内添加弹跳效果。弹跳数与持续时间相关,持续时间越长,弹跳数越多。
Elastic       添加一端或两端超出过渡范围的弹性效果。弹性量不受持续时间影响。
Regular       在一端或两端添加较慢的运动。此功能使您能够添加加速效果、减速效果或这两种效果。
Strong       在一端或两端添加较慢的运动。此效果类似于 Regular 缓动类,但它更明显。
None       添加从开始到结尾无任何减速或加速效果的相同的运动。此过渡也称为线性过渡。

这六种缓动计算类的每一种都有三个缓动方法,它们指明缓动效果应用于动画的哪个部分。此外,None 缓动类还有第四个缓动方法:easeNone。下表中描述了这些缓动方法:
方法       说明
easeIn       在过渡的开始提供缓动效果。
easeOut       在过渡的结尾提供缓动效果。
easeInOut       在过渡的开始和结尾提供缓动效果。
easeNone       指明不使用缓动计算。只在 None 缓动类中提供

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器