as3 TweenMax TweenLite方法补充(暂停、重新播放、倒序播放)。现在来好好的学习一下:
 
TweenLite.to(mc, 1.5, {x:100});

里面的mc指所作用的对象,1.5指运动的时间,{x:100} 表示mc的x属性变化,最终停下来时x的值为100. (即mc从当前位置,经过1.5秒,匀速移动到x=100的位置)

TweenLite.from(mc, 1.5, {x:100})

里面的mc指所作用的对象,1.5指运动的时间, 这里是指,mc从当前位置,经过1.5秒, 从x=100的位置移动到当前mc所在的位置。“注意与上面的区别,他们恰好相反”)

下面我们以上面的TweenLite.to() 来讲解相关属性:

TweenLite.to()
TweenLite.from()
//返回的都是TweenLite类型 TweenLite.to(mc, 1.5, {x:100});
//我们还可以在{}里加些其他相关的属性

下面有delay属性 其表示 延迟delay时间后才发生Tween :

 TweenLite.to(mc, , {x:, delay:});
//表示需要经过2秒,mc才执行发生移动

我们还可以在{}加入alpha、 ease(缓动) onComplete(所调用的方法名)等属性:

 TweenLite.to(mc, 1.5, {x:, ease:Elastic.easeOut, delay:0.5, onComplete:myFunction});
function myFunction():void
{
trace("tween finished");
} /*上面的 ease:Elastic.easeOut是缓动类的一种类型 onComplete:myFunction 表示tween执行完后就会调用myFunction方法(即执行完Tween后,紧接着就调用myFunction方法,)。*/

TweenLite还有一方法,如:pause(), resume(), reverse(), restart()

pause()     表示暂停

resume()   表示继续播放缓动

restart()    表示重头开始播放缓动

reverse()  表示按与原方向相反的方向缓动(例如:缓动了2秒后,调用该方法,就会经过相同的时间(2秒)按原路返回)

下面是一个对各个属性进行验证的小例子:

start_btn是开始按钮,即按下它才会执行缓动

btn 按钮是对一些方法的验证 ,你可以改变里面的相关方法进行验证   如将 tween.reverse();  改成tween.resume();

 import com.greensock.*;
import com.greensock.easing.*;
var isPause:Boolean;
var tween:TweenLite;
btn.enabled = false;
start_btn.addEventListener(MouseEvent.CLICK,begin);
btn.addEventListener(MouseEvent.MOUSE_DOWN,onDown);
function begin(e:MouseEvent)
{
btn.enabled = true;
tween = TweenLite.from(mc,,{x:,y:,alpha:0.5,delay:,onComplete:completeIt});
}
function completeIt()
{ trace("缓动执行完毕,开始调用此方法");
trace(tween);
//TweenLite类型 } function onDown(e:Event):void
{
if (isPause==false)
{
tween.pause();
isPause = true;
}
else
{
tween.reverse();
isPause = false;
} }

onComplete : Function – 缓动结束时执行的函数。
onCompleteParams : Array – 给 onComplete 参数指定的函数传递参数 (可选的)

					stageBallDowntween = TweenLite.to(nowStageDownBall,ballDownPerTime*(2-getSamePipOtherBallInfo_arr[1]),{rotation:360,x:e.target.x,y:e.target.y-stageBallHeight*getSamePipOtherBallInfo_arr[1],onComplete:completeIt,onCompleteParams:[]});

  

TweenLite可选属性:overwrite

overwrite属性来自 OverwriteManager 类
 
其有五种模式
 
0 : 速度最快的模式
 
1: 适合按钮使用的模式 ,按钮发生 roll_over/roll_out 事件
 
2 :默认模式 。除了无速度(选择0)要求,和作用对象为按钮(选择2)外,一般用默认模式。

overwrite属性 : 默认值是 2   即 auto

一般用法:

  TweenLite.to(mc, , {x:, overwrite:});
//推荐 使用这种, 2 代表的是模式2 即AUTO模式 也是默认值 // 或者 TweenLite.to(mc, , {x:, overwrite:true});
//在使用模式时 ,需要初始化 即: 

OverwriteManager.init(2)
/* 里面的模式2 只是起个初始化作用, 你可以将其修改为其他的模式,但是上面的初始化必不可少,否则无效(无效则用默认模式2) 。
模式修改是在overwrite里进行的。*/ //例如: OverwriteManager.init(2)
//初始化
TweenLite.to(btn, 1, {x:100, overwrite:1});
//初始化模式为2,现在修改为1

 

TweenLite和TweenMax的比较
 
使用TweenLite,编译后文件较小,假如对文件大小有要求的话,推荐使用这种。
 使用TweenMax,编译后文件较大 ,该类,功能很多,编译后文件较大。
 
他们的用法相似:
 TweenLite.to(mc, 1.5, {x:, y:, onComplete:myFunction, ease:Strong.easeOut});
TweenMax.to(mc, 1.5, {x:, y:, onComplete:myFunction, ease:Strong.easeOut});
使用 TimelineLite
 可以将其 TimelineLite看成MovieClip 
它的作用是控制tween的运动,其当我们需要mc的运动一个接着一个
 
例子:
 var myTimeline:TimelineLite = new TimelineLite();
myTimeline.append( new TweenLite(mc, , {x:}) );
//添加进myTimeline;
myTimeline.append( new TweenLite(mc, , {y:}) );
myTimeline.append( new TweenMax(mc, , {tint:0xFF0000}) );
上面的代码的结果是: mc首先移到x=100处,然后移动到y=200处,最后颜色发生渐变,渐变到0xFF0000
它们的运动是一个接着一个进行。
 
下面是一个 测试例子,
要求一开始并没有发生tween运动,当鼠标滑上和滑下按钮menu时执行tween运动
 
即: var myTimeline:TimelineLite = new TimelineLite({paused:true});
这样开始时就不发生tween运动了。
TimelineLite的属性方法和TweenLite很多一样。
 
var tween = new TweenLite({paused:true});
//这样开始时也是不发生tween运动
 
下面是具体的代码:
 
 var myTimeline:TimelineLite = new TimelineLite({paused:true});
myTimeline.append( new TweenLite(mc, , {x:}) );
myTimeline.append( new TweenLite(mc, , {y:}) );
myTimeline.append( new TweenMax(mc, , {tint:0xFF0000}) ); menu.addEventListener(MouseEvent.ROLL_OVER, overHandler);
menu.addEventListener(MouseEvent.ROLL_OUT, outHandler); function overHandler(event:MouseEvent):void
{
myTimeline.play();
} function outHandler(event:MouseEvent):void
{
myTimeline.reverse();
}
除此之外,
我们还可以在某个时刻或者某个标签插入tween运动,用到的方法是TimelineLite的insert()方法。
 我们还可用TimelineLite的addlabel() 给某个时刻插入标签。
 
append() 的第二个参数offset表示上一个tween过后,在过offset时间执行本tween运动
 
例子:
 var myTimeline:TimelineLite = new TimelineLite();

 //在时刻为1秒的地方插入 tween运动,即第一秒结束后才运动
myTimeline.insert( new TweenLite(mc, , {x:}), );
//提前1.5秒发生tween运动;
myTimeline.append( new TweenLite(mc, , {y:}), -1.5);
// 为4秒时刻增加标签 spin;
myTimeline.addLabel("spin", ); //在spin标签处添加tween动画;
myTimeline.insert( new TweenLite(mc, , {rotation:""}), "spin");
我们也可对多个运动同时进行运动
myArrayOfSprites是运动对象mc的数组
 myTimeline.insertMultiple( TweenMax.allFrom(myArrayOfSprites, , {y:"-100", autoAlpha:}) ); 

 TweenLite.delayedCall(, myFunction, [myParam1, myParam2]);
/*表示经过2秒后执行myFunction()方法,[myParam1, myParam2是该方法的参数*/ TweenLite.to(mc, , {x:""});
//在原坐标的基础上增加100像素 注意与x:100的区别
//如果传入的参数是数值,一定要转换为字符串:
TweenLite.to(mc, , {x:String(myVariable)}); TweenMax.pauseAll()
TweenMax.killAll();

转载修改于:http://blog.sina.com.cn/s/blog_8b7ca01301012d7n.html

as3 TweenMax TweenLite方法的更多相关文章

  1. as3 string split方法一些注意

    split () 方法 AS3 function split(delimiter:*, limit:Number = 0x7fffffff):Array 如果指定 limit 参数,返回的数组中具有的 ...

  2. [ActionScript 3.0] AS3 时间格式化方法

    /** * 格式化时间,格式 00:00:00 * @param total 总时间(毫秒) */ function getFormatTime(total:uint):String { if (to ...

  3. [ActionScript 3.0] AS3虚线绘制方法

    import flash.geom.Point; import flash.display.MovieClip; import flash.display.Graphics; var mc:Movie ...

  4. TweenMax参数说明

    TweenMax 建立在 TweenLite 和 TweenFilterLite 基础之上,因此,又揉合了这二者的功能,使得功能更加的齐备,但是如果说易用性,觉得还是 TweenLite 来得方便一些 ...

  5. TweenMax说明

    TweenMax 采用了与它的兄弟相似的易于学习的语法结构.实事上,因为它扩展自它们,TweenMax 可以做任何 TweenLite 和/或者 TweenFilterLite 能做的事,还加上了更多 ...

  6. TweenMax参数用法中文介绍

    TweenMax 建立在 TweenLite 和 TweenFilterLite 基础之上,因此,又揉合了这二者的功能,使得功能更加的齐备,但是如果说易用性,觉得还是 TweenLite 来得方便一些 ...

  7. 关于AIR新浪登录测试

    /** *由于在应用申请中,我设置的域名属于新浪云,因此在本地测试的话肯定不能成功的,有个办法就是直接在新浪云那边授权成功后,将token的值直接使用post或者get方法传递过来,直接在本地 *lo ...

  8. 企业级时间轴插件Vue-timelinepick

    简介 时间范围选择插件 取当前时间之前一段时间范围 按刻,小时,天分类 在线演示及下载 在线演示:https://yelingfeng.github.io/vue-timelinepick/ 本地下载 ...

  9. javaSE27天复习总结

    JAVA学习总结    2 第一天    2 1:计算机概述(了解)    2 (1)计算机    2 (2)计算机硬件    2 (3)计算机软件    2 (4)软件开发(理解)    2 (5) ...

随机推荐

  1. About Apache Cordova

    Apache Cordova is a set of device APIs that allow a mobile app developer to access native device fun ...

  2. FaceBook: Text Tag Recommendation

    Text Tag Recommendation  --------2013/12/20 一: 背景 Kaggle上 facebook招聘比赛III. 任务要求是给定文本中抽取关键词.这里称作tag吧. ...

  3. 系列文章--jQuery教程

    从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQu ...

  4. Centos下zookeeper的安装配置

    下载安装包,下载地址 http://zookeeper.apache.org/releases.html,我下载的版本是zookeeper-3.4.9.tar.gz. # tar xvzf zooke ...

  5. 【转】linux下解压.bz2压缩文件

    原文网址:http://zhidao.baidu.com/question/90378903.html tar-c: 建立压缩档案-x:解压-t:查看内容-r:向压缩归档文件末尾追加文件-u:更新原压 ...

  6. 合并Dev BPL教程

    一.准备工具 1.Devexpress vcl 14.2.2 下载地址http://download.csdn.net/user/rfjbco,共用个包,下载后解压,程序目录已带有DxAutoInst ...

  7. js和jquery判断该元素中是否有指定class

    <div class="test">test</div> var t = document.getElementsByClassName('test'); ...

  8. LwIP:处理链路状态改变

    [文/告别年代   Email:byeyear@hotmail.com] 重大修订记录 ----------------------------------------- 2016.11.03 感谢@ ...

  9. Qt 常用类——QStandardItemModel

    转载:落叶知秋时 类QabstractItemModel,QabstractListModel,QAbstractTableModel不保存数据,用户需要从这些类派生出子类,并在子类中定义某种数据结构 ...

  10. bzoj1876 SuperGCD

    Description Sheng bill有着惊人的心算能力,甚至能用大脑计算出两个巨大的数的GCD(最大公约 数)!因此他经常和别人比赛计算GCD.有一天Sheng bill很嚣张地找到了你,并要 ...