相关文章
网站设计网页文字界面设计与穿衣搭配经验
北京网站制作举例熟悉网页的头部信息表示涵义
网站制作用Photoshop为信封盖上奥运中国印
网站建设网页优化研究:为什么要使用html的meta标签?
北京网站建设经验分享:网页设计中实用的制作技巧
企通互联入门:Dreamweaver8设计网页背景实例讲解
北京网页设计网页特效:expression将JS、Css结合起来
网页设计应用CSS样式表技巧两则
网站建设网站制作过程中把握的几点
网站建设网页颜色配色
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 网站制作网站建设实例详解AS代码完成Flash补间动画
网站制作网站建设实例详解AS代码完成Flash补间动画
说到补间动画,很多人都会想到在时间轴里定义两个关键帧,然后创建一个补间,其实AS也可以完成等效的工作,而且能完成的更好。 Www_Chinaz_com
要用程序创建补间,有两种方法,一种是通过setInterval 北京网页设计函数,定时移动mc,可以达到效果,但比较麻烦。第二种就是今天要推荐的通过Tween类来创建补间动画。 中国 北京网站设计.站.长站
为什么Tween比setInterval方便呢,首先代码量少,看着舒服,其次,Tween类可以使用一些比较有名的缓动类,还有,Tween类可以广播和侦听事件,这三点就足以让我们选择Tween而不是setInterval。
先来说一下Tween类的用法
要用Tween类,首先要导入Tween类
Chinaz^com
| 以下为引用的内容:网站制作 import mx.transtions.Tween; |
Tween类的语法是 中.国站长站
| 以下为引用的内容:网站设计 var twMove:Tween=new Tween(mClip,"_x",null,0,550,10,true); Www@Chinaz@com |
解释一下:
mClip:显示对象——对要显示对象的引用 北京网站制作北京网页设计
_x:要补间的属性北京网站建设 网站制作
缓动函数:对一个缓动函数的引用,这里是null,就是不引用企通互联
0——补间属性的开始值北京网页设计
550——补间属性的结束值北京网页设计
10——持续时间北京网页设计
使用秒——true 使用,false不使用
站.长.站
由于Tween类广播事件,因此可以对Tween类建立侦听器,具体Tween类的方法,请查看帮助。
下面是一个实例,请事先做好链接标识符为“ball”的MC,拷贝以下代码到第一帧。 Www~Chinaz~com
| 以下为引用的内容:北京网站建设 import mx.transitions.Tween;北京网站制作 import mx.transitions.easing.*;网页设计 var aClass=[Back,Bounce,Elastic,Regular,Strong];企通互联 var aEasingMethod:Array=new Array();网站设计 //在aEasingMethod中放入每个缓动方法网站设计 for(i=0; i < aClass.length; i++){企通互联 aEasingMethod.push(aClass[i].easeIn);网页设计 aEasingMethod.push(aClass[i].easeOut);北京网页设计 aEasingMethod.push(aClass[i].easeInOut);网页设计 }北京网站制作 //定义初始变量企通互联 var nX=10;网站设计 var Y=20;北京网站建设 var oClips:Object=new Object();企通互联 //建立侦听器 北京网站建设网站设计 var tListener:Object=new Object(); 中国站长.站 网页设计tListener.onMotionFinished=function(twObject:Tween){网页设计 //缓动结束时按原路径返回网站设计 twObject.yoyo();网站制作 }企通互联 for(i=0; i < aEasingMethod.length; i++){企通互联 depth=this.getNextHighestDepth();网站设计 mClip=this.attachMovie("ball","ball"+i,depth,{_x:nX,_y:Y});网站建设 //设置x坐标北京网页设计 网页设计 nX+=mClip._width+10;企通互联 //将一个缓动方法添加到oClips www.qitongnet.com对象网站制作 oClips[mClip._name]=aEasingMethod[i];网页设计 //当用户点击时开始_y属性的补间北京网站建设 mClip.onPress=function(){网站设计 企通互联 var twMove:Tween = new Tween(this,"_y",oClips[this._name],20,400,4,true);网站建设 //添加侦听器网站设计 twMove.addListener(tListener);北京网页设计 }网站制作 } |