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

核心提示： 上面函数第3句，再次应用Tweener，Flash AS3.0实例教程：Tweener应用实现堆放的照片效果(4)，这次是产生一个从10到-10的旋转的补间动作， 接下来， 使所有图片产生一个从10到-10角度的旋转， 代码就这么多，是photoSlideIn函数： functionphotoS

上面函数第3句，再次应用Tweener，这次是产生一个从10到-10的旋转的补间动作。

接下来，是photoSlideIn函数：

function　photoSlideIn(p:MovieClip)　
{　
p.parent.setChildIndex(p,　1);　
Tweener.addTween(p,　{x:　photoOriginX,　time:　speed,　transition:　easeType});　
}　

这个函数，首先将照片的索引号设为1,放到了最下面一层，然后用Tweener将照片移回到原始位置。

接下来的两句比较简单：

for(var　i=1;　i<=photoCount;　i++)　
{　
this["photo"+i].addEventListener(MouseEvent.MOUSE_DOWN,　photoSlideOut);　
this["photo"+i].rotation　=　Math.floor(Math.random()*(rotationRange*2))-rotationRange;　
}　

让所有图片侦听点击事件，调用photoSlideOut函数。

使所有图片产生一个从10到-10角度的旋转。

代码就这么多，快试试吧。

完整代码：

import　caurina.transitions.*;　
var　photoOriginX:Number　=　photo1.x;　
var　photoDestX:Number　=　photoOriginX　+　200;　
var　speed:Number　=　.5;　
var　rotationRange:Number　=　10;　
var　photoCount:Number　=　3;　
var　easeType:String　=　"easeoutquad";　
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});　
}　
function　photoSlideIn(p:MovieClip)　
{　
p.parent.setChildIndex(p,　1);　
Tweener.addTween(p,　{x:　photoOriginX,　time:　speed,　transition:　easeType});　
}　
for(var　i=1;　i<=photoCount;　i++)　
{　
this["photo"+i].addEventListener(MouseEvent.MOUSE_DOWN,　photoSlideOut);　
this["photo"+i].rotation　=　Math.floor(Math.random()*(rotationRange*2))-rotationRange;　
}