flash做按钮切换图片_基于AS脚本的flash图片自动切换效果的实现

详细介绍了用Adobe Flash Professional CS5.5脚本设计图片切换效果的技术和步骤，并附上了脚本的详细代码，对网站动画设计和多媒体课件制作有一定的指导作用。

介绍

Flash是一种交互式矢量多媒体技术。目前互联网上有数以千计的纯Flash站点，其他普通站点，包括很多wap站点，也使用Flash技术。可以说，Flash已经逐渐成为交互载体的标准，成为未来网页的一个主流。使用Flash显示产品、风景、新闻等图片时，可以通过蒙版和AS实现切换效果，其中蒙版简单易学，但效果单调，不方便修改；AS mode效果丰富，适合批量处理图片，换图换效果也很方便。是制作切换效果的首选。

2.图像处理

2.1图片存储

首先准备几张jpg或者gif的图片。本文设计了10张600*400的jpg图片(可以用“光影魔术师”软件进行批量处理)，文件名如下：

1.jpg，2.jpg，8.jpg，保存于和。Fla文件(如图1所示)，然后创建空的电影剪辑并通过脚本加载外部图片。

2.2图片加载

按数组批量添加，并通过MovieClip类的create empty MovieClip()和loadMovie()方法创建空的movieclip实例并将图片加载到实例中。因为图片比较多，所以以循环的方式依次加载，同时也方便让添加的深度依次增加并位于上层，如下图：

这样，舞台上就叠了八个电影片段。

2.3图片布局

外部图片导入舞台后，位置和大小不一定和舞台匹配，必须调整。本程序中舞台尺寸设置为800*600，图片尺寸在导入前已经统一设置为600*400，完全可以加载。如果图片比舞台大，可以用_xscale和_yscale属性缩小。代码如下：

3.画面切换

因为八张图片大小完全一样，后面加载的一张覆盖了先加载的一张，此时只能看到最上面的一张，所以需要设置两张图片之间的时间和过渡效果，才能看到前后图片的加载变化。

Flash AS提供了10种效果：百叶窗(遮罩效果)、Fade(淡入淡出效果)、Fly(飞行效果)、IRis(光圈效果)、Photo(融合曝光效果)、PixelDissolve(像素溶解效果)、Rotate(旋转效果)、Squeeze(挤压效果)和Wipe(画入/画出效果)。这些效果的实现主要通过TransitionManager类来完成。为了实现过渡效果并使编写代码更容易，您需要首先导入所有mx.transitions和所有mx.transitions.easing类：

导入MX . transitions . *；

import MX . transitions . easing . *；

导入上述两个类后，可以使用TransitionManager类的start()方法将过渡效果应用到影片剪辑。

格式：

TransitionManager.start(影片剪辑名称，{type:过渡类型，direction:方向，duration:过渡所需时间，easing:慢速效果，各种过渡效果所需参数})；start()方法参数的描述：

电影剪辑名称：是应用了过渡效果的MC的实例名称，即mc1、mc2……mc8.mc8，之前是用create empty movie clip("MC"string(i 1)，I 1)创建的。

类型：过渡类型。如上所述，有10个过渡效果，如百叶窗，褪色，苍蝇，虹膜，照片等。

方向：方向，即过渡是进入还是退出。您可以使用两个值：过渡。在和过渡。

OUTDuration:过渡所需的时间，通常几秒钟就够一个过渡了，通常3-5秒。

缓动：慢速效果：可以在转场效果中给转场效果添加一个慢速效果。

StartPoint:表示起始位置的整数，范围从1到9.1:左上；2:高中；3:右上；4:左中；5:居中；6:右中；7:左下；8:初中；9:右下。

有些效果也有自己独特的参数，比如：蒙版条纹数：numStrips和条纹方向：维度、蒙版形状： Iris.SQUARE(正方形)和CIRCLE(圆形)等。4.效果实现。

为了连续显示图片的各种随机切换效果，可以使用setInterval()方法，该方法可以按照指定的周期调用函数(在本程序中是自动切换图片的函数：showImages())直到窗口关闭。代码如下：

5.程序设计和调试

在理解以上思路的基础上，就可以开始在Flash窗口中编写程序代码和调试了。

启动Adobe Flash Professional CS5.5，在图层1的第一帧按F9(如图2)，打开动作窗口，在动作窗口中输入附录所示的代码。另外特别注意，发布前一定要通过“文件-发布设置”将脚本更改为Action-Script2.0，否则发布时会出错。

完成以上步骤后，可以按Ctrl Enter测试电影。

7.结论

介绍了用Adobe Flash Professional CS5.5脚本设计图片切换效果的技术。用Flash制作的炫目图片可以自动切换效果。在Flash中，切换图片一般有两种方式：蒙版和作为脚本。相比较而言，AS script在图片的批量处理或后期维护更新方面优势明显，在网站动画设计和多媒体课件制作方面有一定的指导作用。