第十六讲：编写简单ActionScript程序[FLASH8基础教程]

第十六讲：编写简单ActionScript程序[FLASH8基础教程]

[ 作者：佚名 文章来源：转载 点击数： 3117 更新时间：2007-9-23 7:16:22| 收藏本文 ]
【在线投稿】【信箱投稿([e-mail])】 【背景： 字号：大 中 小】

本课素材下载
　　学习目的

 u       编写简单程序实现动画的交互控制
    u       认识动作面板
　　 u    掌握在动作面板中编写ActionScript程序的基本方法
     u     时间轴控制函数的使用方法

课前热身

    通过前面几章的学习，你已经掌握了一些动画的制作方法，那么怎么实现动画的交互控制呢？下面一起制作一个控制动画播放的简单范例。

    (1) 打开范例文件

    请打开素材下载中的ch5-1原始.fla。这是一个文字动画，文字首先从舞台左边飞入，然后由大变小。你可以先测试观察一下动画效果。打开的影片文件的图层结构如图17-1所示。

图17-1 图层结构

　  接下来，要在打开的这个影片文件基础上进行操作。

    (2)  定义第一帧的停止动作

     在“动画”图层上新添加一个图层，并重新命名为“AS”。选择“AS”图层的第一帧，打开“动作”面板，在其中左边的“动作工具箱”中，单击“全局函数”，展开以后，再单击“时间轴控制”，如图17-2所示。这时可以看到，“时间轴控制”类别下的函数都显示出来了。

图17-2 展开“时间轴控制”函数类别

    专家提示：默认情况下，“动作”面板显示在软件窗口的下方，只需单击就可以展开面板。如果软件窗口中没有显示“动作”面板，你可以选择“窗口”|“开发面板”|“动作”命令，将“动作”面板打开。
    双击“时间轴控制”类别下的“stop”函数，在“动作”面板右边的“脚本输入区”出现一个程序行，如图17-3所示。

图17-3 双击stop函数

    完成以上操作以后，“AS”图层的第一帧发生了变化，上面显示一个“a”标志，如图17-4所示。

图17-4 帧动作标志

    现在测试一下影片吧。由于在第一帧定义了一个stop函数，所以影片停在第一帧，后面的动画没有接着播放。下面通过一个按钮来控制动画开始播放。

   (3) 通过按钮让动画开始播放

    在“AS”图层上新建一个“按钮”图层。选择“按钮”图层第一帧，打开“库”面板，将其中一个名字为“播放”的按钮元件拖放到舞台的合适位置。
    保持这个按钮实例处在选中状态，打开“动作”面板。在“动作工具箱”中展开“全局函数”|“影片剪辑控制”类别，双击该类别下的“on”函数，这样，“脚本窗口”中就自动出现相应的on程序代码，并且屏幕上同时还弹出了关于on函数的参数设置下拉列表框，如图17-5所示。

图17-5 定义on函数

   双击参数设置下拉列表框中的“press”，接着将光标移动到大括弧{的右边，然后再切换到“动作工具箱”，展开 “全局函数”中的“时间轴控制”类别，双击这个类别下面的“play”函数，这时，在“脚本窗口”中会出现一个新的程序代码，最后单击“脚本窗口”上方的 “自动套用格式”按钮，将“脚本窗口”中的脚本变得更清楚一些，最后完成的程序代码如图17-6所示。

图17-6完成的程序代码

    至此，“播放”按钮的程序代码就被定义好了。测试影片，然后单击按钮，你会发现动画开始播放了。

    (4) 让动画从第十五帧跳转播放

    下面实现动画播放到结尾再跳转到第十五帧循环播放的动画效果。选择“AS”图层的第三十帧（动画的最后一帧），按F7插入一个空白关键帧，在“动作”面板中，双击“时间轴控制”类别下的“gotoAndPlay”函数，这样，在“脚本窗口”中出现gotoAndPlay函数程序代码，在小括弧中输入 “15”即可。
    至此就在“AS”图层的第三十帧定义了以下程序代码：
     gotoAndPlay(15);
    这个程序代码的功能是，当动画播放到结尾时，自动跳转到第十五帧继续播放。这样就形成一个从第十五帧到第三十帧循环播放的动画效果。测试观察一下吧。

   (5) 按钮控制动画跳转到第一帧

    前面实现了一个从第十五帧到第三十帧循环播放的动画效果，怎么停止这个循环呢？选择“按钮”图层的第一帧，从“库”面板中将一个名字为“停止”的按钮元件拖放到舞台合适位置。保持这个按钮实例处在选中状态，在“动作”面板中，定义这个按钮实例的程序代码是：
on (press) {
gotoAndStop(1);
}

    这段程序代码的定义方法和步骤（3）类似，这里不再详述。
    这段程序代码的功能是，当单击“停止”按钮时，跳转到影片的第一帧并停止播放动画。

       课堂讲解

    通过“课前热身”中范例的制作，你对“动作”面板的使用方法，以及编写简单的动画交互控制程序已经有了一个概括的认识。下面系统讲解一下相关的知识。
   1．认识“动作”面板
    Flash提供了一个专门处理动作脚本的编辑环境——【动作】面板。默认情况下，【动作】面板自动出现在Flash软件窗口的下方，如果【动作】面板没有显示出来，那么可以执行【窗口】|【开发面板】|【动作】命令来显示。
    Flash MX 2004提供了改进的【动作】面板。在这个面板中不再包括以前版本中的“标准模式”和“专家模式”。下面来认识一下【动作】面板的使用方法。
   （1）【动作】面板的组成
    【动作】面板是Flash的程序编辑环境，它由两部分组成。右侧部分是“脚本窗口”，这是输入代码的区域。左侧部分是“动作工具箱”，每个动作脚本语言元素在该工具箱中都有一个对应的条目，如图17-7所示。

图17-7【动作】面板