1. 2007-1-081 第二节 Flash 动态按钮的制作 铁王中学 王东强

2. 2007-1-082 学习目标： 1 、了解 ActionScript 在交互动画中的重要作 用 2 、知道 ActionsScript 程序的组成 3 、熟练使用按钮中的 ActionScript 控制动画 播放的操作，掌握按钮的创建和使用方法， 会在按钮中添加声音 4 、了解组件的类别，掌握使用组件的基本方 法

3. 2007-1-083 一。 ActionSript 概述 n 1 。目前， Flash MX 2004 中使用的是最新版本的 ActionScript 2.0 ，它运行速度快，灵活性高，实 现了面向对象的程序设计，已经发展成为真正意 义上的专业级的程序语言。 n Flash 通常对两种对象设置动作命令，即关键帧和 按钮。事实上，其它组件中的设置方法也同样是 在其中包含的关键帧中进行设置的。当某个关键 帧中包含 ActionScript 语句时，在表示关键帧的方 格中相应地就会出现一个 “a” 的标志。

4. 2007-1-084 2 。 ActionsScript 程序的组成 在 ActionScript 的程序中，一般是由函数、运算符、语句、 事件、注释等组成。 在 ActionScript 的程序中，一般是由函数、运算符、语句、 事件、注释等组成。 7.1.2.1 函数 7.1.2.1 函数 函数是用来对常量、变量进行某种运算的方法，如获得整 数、产生随机数等。在 ActionScript 的开发环境中，拥护 可以直接调用内置函数，也可以自己创建自定义函数，然 后进行调用。 函数是用来对常量、变量进行某种运算的方法，如获得整 数、产生随机数等。在 ActionScript 的开发环境中，拥护 可以直接调用内置函数，也可以自己创建自定义函数，然 后进行调用。 7.1.2.2 运算符 7.1.2.2 运算符 运算符提供对数值、字符串、逻辑数值进行运算的符号， 包括 + 、 - 、 * 、 / 、 = 、 等等。 运算符提供对数值、字符串、逻辑数值进行运算的符号， 包括 + 、 - 、 * 、 / 、 = 、 等等。 7.1.2.3 语句 7.1.2.3 语句 语句是指能完成某项特定的操作， ActionScrip 中的每个完 整的语句以分号 “ ； ” 来结束。例如播放控制语句对动画中 的全部对象都能立即产生控制作用，主要语句有动画的播 放语句、赋值语句、跳转语句、条件语句和循环语句等。 语句是指能完成某项特定的操作， ActionScrip 中的每个完 整的语句以分号 “ ； ” 来结束。例如播放控制语句对动画中 的全部对象都能立即产生控制作用，主要语句有动画的播 放语句、赋值语句、跳转语句、条件语句和循环语句等。

5. 2007-1-085 3 。事件： 3 。事件： 当我们将程序指定给帧后，动画播放到该帧时， 程序就得以执行。将程序指定给动画剪辑或按钮， 则需要指定引发程序执行的事件，事件是指在程 序设计中完成某种动作或操作。例如，在 Flash 动 画中移动鼠标、单击鼠标、释放鼠标或按键盘上 的某个键都会产生事件。 当我们将程序指定给帧后，动画播放到该帧时， 程序就得以执行。将程序指定给动画剪辑或按钮， 则需要指定引发程序执行的事件，事件是指在程 序设计中完成某种动作或操作。例如，在 Flash 动 画中移动鼠标、单击鼠标、释放鼠标或按键盘上 的某个键都会产生事件。 7.1.2.5 注释 7.1.2.5 注释 ActionScrip 中的注释仅仅供开发者做一些注释， 并不作为程序的正式组成部分。单行的注释用 // 开 头，多行注释用 /* 开头，用 */ 结束。 ActionScrip 中的注释仅仅供开发者做一些注释， 并不作为程序的正式组成部分。单行的注释用 // 开 头，多行注释用 /* 开头，用 */ 结束。

6. 2007-1-086 二． 添加 ActionSript 声音按钮． 本例主要通过声音按钮的制作和利用跳转语句来控制动画 的播放。 本例主要通过声音按钮的制作和利用跳转语句来控制动画 的播放。 制作步骤： 制作步骤： 步骤 1 导入素材 步骤 1 导入素材 新建一个空白文档，选择 “ 文件 \ 导入 \ 导入到库 ” 命令，在出 现的 “ 导入到库 ” 对话框中，在查找范围内选择 “ 素材库 \ 第 七章 \ 声音按钮 ” 文件夹的全部文件；单击 “ 打开 ” 后将图像 文件和声音文件导入到库中。 新建一个空白文档，选择 “ 文件 \ 导入 \ 导入到库 ” 命令，在出 现的 “ 导入到库 ” 对话框中，在查找范围内选择 “ 素材库 \ 第 七章 \ 声音按钮 ” 文件夹的全部文件；单击 “ 打开 ” 后将图像 文件和声音文件导入到库中。 步骤 2 设置关键帧中的图像 步骤 2 设置关键帧中的图像 1 、选中第 3 帧，按 F6 键插入一个关键帧，将库中的图形 组件 “ 图像 1” 拖动到舞台的中央。 1 、选中第 3 帧，按 F6 键插入一个关键帧，将库中的图形 组件 “ 图像 1” 拖动到舞台的中央。

7. 2007-1-087 2 、选中第 5 帧，按 F6 键插入一个关键帧，将原来的 “ 图像 1” 删除后，把库中的图形组件 “ 图像 2” 拖动到舞台的中央，如 图 7-16 所示。 2 、选中第 5 帧，按 F6 键插入一个关键帧，将原来的 “ 图像 1” 删除后，把库中的图形组件 “ 图像 2” 拖动到舞台的中央，如 图 7-16 所示。 图 7-16 第 5 帧的图像

8. 2007-1-088 步骤 3 制作声音按钮 步骤 3 制作声音按钮 1 、选中 “ 时间轴 ” 下方的【插入图层】按钮 ， 插入新的图层，命名为 “ 按钮 ” 。 1 、选中 “ 时间轴 ” 下方的【插入图层】按钮 ， 插入新的图层，命名为 “ 按钮 ” 。 2 、将库中的 “ 美人鱼 1” 拖动到舞台上，作为 按钮的图像；按 F8 键后在弹出的 “ 转换为符 号 ” 对话框中，选择组件类型为 “ 按钮 ” 并输入 组件的名称 “ 按钮 1” ；选择 “ 确定 ” 按钮。 2 、将库中的 “ 美人鱼 1” 拖动到舞台上，作为 按钮的图像；按 F8 键后在弹出的 “ 转换为符 号 ” 对话框中，选择组件类型为 “ 按钮 ” 并输入 组件的名称 “ 按钮 1” ；选择 “ 确定 ” 按钮。

9. 2007-1-089 3 、双击舞台上的按钮 “ 美人鱼 1” ，进入到 按钮的编辑状态；在按钮的 “ 指针经过 ” 、 “ 按下 ” 和 “ 点击 ” 处分别按 F6 键插入关键帧。 3 、双击舞台上的按钮 “ 美人鱼 1” ，进入到 按钮的编辑状态；在按钮的 “ 指针经过 ” 、 “ 按下 ” 和 “ 点击 ” 处分别按 F6 键插入关键帧。 4 、选中 “ 按下 ” 关键帧，将库中图像 “ 美人 鱼 2” 拖动到舞台上，覆盖原来的图像，这 样当我们按下鼠标时按钮的图像就改变了。 同理，将 “ 点击 ” 关键帧中的图像也改变为 “ 美人鱼 2” 。 4 、选中 “ 按下 ” 关键帧，将库中图像 “ 美人 鱼 2” 拖动到舞台上，覆盖原来的图像，这 样当我们按下鼠标时按钮的图像就改变了。 同理，将 “ 点击 ” 关键帧中的图像也改变为 “ 美人鱼 2” 。

10. 2007-1-0810 5 、导入声音：选中 “ 按下 ” 关键帧，在窗口下方的 帧属性面板中，选择声音 “ 波浪 ” ，如图 7-3-15 所 示；此时，在按钮的 “ 按下 ” 关键帧中出现了一条 黄线，如图 7-22 所示，表明当按下按钮时，会出 现声音。 5 、导入声音：选中 “ 按下 ” 关键帧，在窗口下方的 帧属性面板中，选择声音 “ 波浪 ” ，如图 7-3-15 所 示；此时，在按钮的 “ 按下 ” 关键帧中出现了一条 黄线，如图 7-22 所示，表明当按下按钮时，会出 现声音。 图 7-22 按钮中 “ 按下 ” 帧中声音的导入

11. 2007-1-0811 步骤 4 设置 ActionScript 脚本语句 步骤 4 设置 ActionScript 脚本语句 1 、选中动画的图层 1 中的第 1 帧，在窗口下方的【动作帧】， 输入语句 “stop();” ，表示动画在开始不播放。 1 、选中动画的图层 1 中的第 1 帧，在窗口下方的【动作帧】， 输入语句 “stop();” ，表示动画在开始不播放。 2 、选中 “ 按钮 1” ，在窗口下方的【动作按钮】，输入语句 “on(press){gotoAndStop(3);}on(release){gotoAndStop(5);}” ， 如图 7-3-18 所示；表明当按下鼠标时，动画停止在第 3 帧中，当 释放鼠标时，动画停止在第 5 帧中。 2 、选中 “ 按钮 1” ，在窗口下方的【动作按钮】，输入语句 “on(press){gotoAndStop(3);}on(release){gotoAndStop(5);}” ， 如图 7-3-18 所示；表明当按下鼠标时，动画停止在第 3 帧中，当 释放鼠标时，动画停止在第 5 帧中。 图 7-3-18 按钮中的 ActionScript

12. 2007-1-0812 步骤 5 测试动画 步骤 5 测试动画 使用快捷组合键， Ctrl+Enter 来测试动画，我们看到， 单击按钮后，按钮的图像和舞台的背景图像会相应 改变，同时会有波浪的声音发出。 使用快捷组合键， Ctrl+Enter 来测试动画，我们看到， 单击按钮后，按钮的图像和舞台的背景图像会相应 改变，同时会有波浪的声音发出。 步骤 6 保存动画 步骤 6 保存动画 选择 “ 文件 \ 保存 ” 命令，保存在 flash 目录中，文件名 为 “ 声音按钮 ” 。 选择 “ 文件 \ 保存 ” 命令，保存在 flash 目录中，文件名 为 “ 声音按钮 ” 。 范例 —“ 声音按钮 ” 总结：本例通过在自制按钮的 “ 弹 起 ” 、 “ 经过 ” 和 “ 按下 ” 、 “ 点击 ” 中图像的变化，在 “ 按下 ” 中加入声音，并在 “ 按下 ” 和 “ 释放 ” 中添加跳转语句 gotoAndStop(); 来进行关键帧中内容的跳转。 范例 —“ 声音按钮 ” 总结：本例通过在自制按钮的 “ 弹 起 ” 、 “ 经过 ” 和 “ 按下 ” 、 “ 点击 ” 中图像的变化，在 “ 按下 ” 中加入声音，并在 “ 按下 ” 和 “ 释放 ” 中添加跳转语句 gotoAndStop(); 来进行关键帧中内容的跳转。