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属性 : 默认值是 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.to(mc, 1.5, {x:, y:, onComplete:myFunction, ease:Strong.easeOut});
TweenMax.to(mc, 1.5, {x:, y:, onComplete:myFunction, ease:Strong.easeOut});
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}) );
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();
}
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");
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方法的更多相关文章
- as3 string split方法一些注意
split () 方法 AS3 function split(delimiter:*, limit:Number = 0x7fffffff):Array 如果指定 limit 参数,返回的数组中具有的 ...
- [ActionScript 3.0] AS3 时间格式化方法
/** * 格式化时间,格式 00:00:00 * @param total 总时间(毫秒) */ function getFormatTime(total:uint):String { if (to ...
- [ActionScript 3.0] AS3虚线绘制方法
import flash.geom.Point; import flash.display.MovieClip; import flash.display.Graphics; var mc:Movie ...
- TweenMax参数说明
TweenMax 建立在 TweenLite 和 TweenFilterLite 基础之上,因此,又揉合了这二者的功能,使得功能更加的齐备,但是如果说易用性,觉得还是 TweenLite 来得方便一些 ...
- TweenMax说明
TweenMax 采用了与它的兄弟相似的易于学习的语法结构.实事上,因为它扩展自它们,TweenMax 可以做任何 TweenLite 和/或者 TweenFilterLite 能做的事,还加上了更多 ...
- TweenMax参数用法中文介绍
TweenMax 建立在 TweenLite 和 TweenFilterLite 基础之上,因此,又揉合了这二者的功能,使得功能更加的齐备,但是如果说易用性,觉得还是 TweenLite 来得方便一些 ...
- 关于AIR新浪登录测试
/** *由于在应用申请中,我设置的域名属于新浪云,因此在本地测试的话肯定不能成功的,有个办法就是直接在新浪云那边授权成功后,将token的值直接使用post或者get方法传递过来,直接在本地 *lo ...
- 企业级时间轴插件Vue-timelinepick
简介 时间范围选择插件 取当前时间之前一段时间范围 按刻,小时,天分类 在线演示及下载 在线演示:https://yelingfeng.github.io/vue-timelinepick/ 本地下载 ...
- javaSE27天复习总结
JAVA学习总结 2 第一天 2 1:计算机概述(了解) 2 (1)计算机 2 (2)计算机硬件 2 (3)计算机软件 2 (4)软件开发(理解) 2 (5) ...
随机推荐
- ZH奶酪:Python使用ElementTree解析XML【译】
19.7. xml.etree.ElementTree — The ElementTree XML API 源代码: Lib/xml/etree/ElementTree.py Element类型是一种 ...
- log parser 微软iis 日志分析
Log Parser 2.2 您可以从 Microsoft 下载中心下载 Log Parser. Log Parser 2.2 是一个功能强大的通用工具,它可对基于文本的数据(如日志文件.XML 文件 ...
- LOADRUNNER之汉字编码转换及\X00问题
我们在使用loadrunner做性能测试的时候经常会出现一些URL编码问题,如当参数中存在中文的时候 "Name=user", "Value=孟林", ENDI ...
- install kde in ubuntu
http://www.arthurtoday.com/2012/08/ubuntu-12.04-install-kde-4.9.html sudo apt-get install kubuntu-de ...
- php 图片剪切
<?php /** * 图像裁剪 * @param $source_path 原图路径 * @param $target_width 需要裁剪的宽 * @param $target_height ...
- AppBox下调用HighCharts画曲线
例子见本博文件下载. 注意 xAxis: { categories: [<%= xAxisCategories %>], ...
- JSP+JavaBean+Servlet技术(MVC模型)
一,Servlet开发用户在浏览器中输入一个网址并回车,浏览器会向服务器发送一个HTTP请求.服务器端程序接受这个请求,并对请求进行处理,然后发送一个回应.浏览器收到回应,再把回应的内容显示出来.这种 ...
- Git断点续传和离线增量更新的实现
cnblogs官方支持Markdown写博客了,亲测一下. ____ 什么是Bundle文件 Bundle文件是在packfile文件的基础上增加了代码库的元信息.通俗的说bundle文件就是一个便携 ...
- android 更新listview 其中一行的数据显示
private void updateView(int index){ View v = yourListView.getChildAt(index - yourListView.getFirstVi ...
- 【Spring学习笔记-MVC-8.1】SpringMVC之类型转换@initBinder
作者:ssslinppp 1. 摘要 类型转换器常用于转换double.float.date等类型. 上文讲解了Converter类型转换器,这属于Spring 3新支持的类型转换器: 本 ...