|
本例介绍运用Flash AS3.0代码中的Tweener类应用实现堆放的照片动画效果，在教程中我们将学习到Tweener这个开源的补间效果的应用，通过本例的学习，应该能掌握Tweener的基本用法，希望朋友们喜欢~~
这是一个堆放的照片的交互式的效果，它模似了在手中翻看照片的效果。比较适合用于较多照片的相册。效果如下：
在这个效果中，采用了Tweener，这是一个开源的补间效果，它比Adobe的Tweener类要好用得多。通过本例的学习，应该能掌握Tweener的基本用法了。要使用这个类，需要下载源码：
下载地址：http://code.google.com/p/tweener/downloads/list
这里有几个版本，我用的是AS3,所以下了：tweener_1_33_74_as3.zip
下载后，解压会产生一个叫：caurina的文件夹。
记住，将你的fla文件放在与caurina文件夹相同的目录中。
好了，现在我们已经拥有了Tweener了，接下来我们来做这个相册。
首先，建一个flash as3.0文档。
如果你想要一张图片做背景的话，你可以导入一张图片，放到舞台上，作为背景层，然后将这一层上锁。
新插入一图层，在这一层我们将把我们的照片放进来。照片要调整大小，宽度为舞台的一半左右，将照片放到舞台的左边。我们来对照片进行一些修饰。点中照片，将它转换为影片剪辑，注册点调到中心位置。双击它，进入编辑窗口，在照片层一下面新建一层，用白色填充的矩形画一个比照片大一点的矩形，这实际上就是为照片加上了一个白色的边。回到主场景，点中照片元件，打开属性>滤镜面板，为它添加一个发光滤镜，颜色为黑色，值为10.这样就给照片加上了一个阴影了。接下来，在属性面板中为照片元件取一个实例名称：photo1.
下面的事情是，第二张照片，一样的做法，实例名称为：photo2
接下来，第3张，第4张…….,实例名称：photo3,photo4…….
好了，开始写代码了，新建一层，按习惯，这层的名称应该是：action,你也可以把它叫做张三，李四，王二麻子。或许你把它叫做西瓜也许很有创意。
打开帧动作面板，写代码：(后面会有完整代码)
首先，需要导入Tweener类：
import caurina.transitions.*;
接下来声明一些变量，后面要用：
var photoOriginX:Number = photo1.x; //照片的原始位置，将它设为第1张照片的位置。照片被点击后，会移到右边，然后会回到这个位置上。
var photoDestX:Number = photoOriginX + 200; //这是照片移到右边的位置，它在原始位置的基础上，向右移了200像素。
var speed:Number = .5; //这是移 |
