WEB开发网
开发学院图形图像Flash Flash AS3.0实例教程:Tweener应用实现堆放的照片... 阅读

Flash AS3.0实例教程:Tweener应用实现堆放的照片效果

 2010-03-15 00:00:00 来源:WEB开发网   
核心提示: 从图中可以看出,这个效果是,Flash AS3.0实例教程:Tweener应用实现堆放的照片效果(3),开始是较快, 在要结束时,这里将被点击的图片传给photoSlideIn函数, 总结下:Tweener的基本用法: Tweener.addTween(要被应用补间的对象,移动最慢, 接下来是一

从图中可以看出,这个效果是,开始是较快, 在要结束时,移动最慢。

接下来是一个函数,在点击时,图片向右边移动:

function photoSlideOut(e:Event):void 
{ 
e.target.parent.setChildIndex(e.target, e.target.parent.numChildren - 1); 
Tweener.addTween(e.target, {x: photoDestX, time: speed, transition: easeType, onComplete:photoSlideIn, onCompleteParams:[e.target]}); 
Tweener.addTween(e.target, {rotation: Math.floor(Math.random()*(rotationRange*2))-rotationRange, time: speed*2, transition: easeType}); 
} 

上面函数中第1句,是将被点击的照片移到最上层。

第2句是移动图片。

Tweener的addTween方法产生一个补间效果。

addTween方法:

第1个参数:e.target是要应用补间的对象,这里是被点击的图片。

第2个参数:x是对象的属性,这里是对象的x属性,你可以改变对象的其它任何值。

第3个参数:photoDestX是这个属性值被改变后的值,这里是x被改变为photoDestX,即被点击的照片,x属性被改为向右移了200像素。

第4个参数:time是改变这个值需要的时间。

第5个参数:transition是缓动的类型。

第6个参数:onComplete是在这次补间完成时,要执行的的函数,这里在向移完成后,调用photoSlideIn函数,使照片移回原处。

第7个参数:onCompleteParams是传递给onComplete调用的函数的参数。这里将被点击的图片传给photoSlideIn函数。

总结下:Tweener的基本用法:

Tweener.addTween(要被应用补间的对象,{属性:变化后的值,time:所需时间});

上一页  1 2 3 4  下一页

Tags:Flash AS 实例

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接