Flash Professional文档创建教程

使用停止动作阻止时间轴循环

您此时可能已发现播放影片时，动画会反复循环。这是因为 Flash Professional 中的时间轴在最后一帧后将回到第 1 帧，除非您指示影片执行其他操作。如果要添加一个控制时间轴的命令，可将 ActionScript 代码添加到时间轴上的关键帧（点）。

提示：可使用关键帧将 ActionScript 和资源放在时间轴的特定帧上。只需查看关键帧点就可以确定内容的位置。

以下步骤通过使用最常见的时间轴命令之一介绍了 ActionScript 代码；停止动作：

为层命名是个好主意，请将层 1 重命名为 animation。双击时间轴层区域中的层名，并键入新名称。
在 animation 层上添加一个名为 actions 的新层。单击“时间轴”面板左下角的“新建层”按钮（页面图标）。在 ActionScript 3 文件中，必须将 ActionScript 代码添加到时间轴。创建一个专门用于保存 ActionScript 代码的 actions 层是一个好方法。您将关键帧添加到 actions 层中，使 ActionScript 与特定帧关联在一起。
将红色播放头移至第 24 帧，单击第 24 帧的 actions 层（应当刚突出显示 actions 层中的最后一帧）。选择“插入”>“时间轴”>“关键帧”(F6)，在选区中插入一个关键帧。您会发现出现一个空的关键帧（因为点不是纯色，所以可以判定其中没有图形）。
使用“选择”工具选择新关键帧，打开“动作”面板（“窗口”>“动作”）。“动作”面板是用于在 FLA 文件中直接编写 ActionScript 代码的工具。将光标放在数字 1（第 1 行）旁的文本区域中，键入以下动作：

stop();

注意：此步骤假设您使用“动作”面板的默认模式。如果“动作”面板处于“脚本助手”模式，请取消选中“动作”面板右上角的魔术棒图标，恢复默认模式。

您会发现包含该动作的关键帧上方出现一个小小的“a”图标。此时，时间轴应当如图 15。选择“动作”面板，选择关键帧并再次打开“动作”面板可随时返回并编辑代码。
选择“控制”>“测试影片”以测试 FLA 文件。您会发现动画不再循环。

图 15.完成后的时间轴显示应用于 actions 层第 24 帧的停止动作

关闭“测试影片”窗口。
保存您的文件。

发布文件

完成 FLA 文件后即可发布它，以便通过浏览器查看它。发布文件时，Flash Professional 会将它压缩为 SWF 文件格式。这是放入网页中的格式。“发布”命令可以为您自动生成一个包含正确标签的 HTML 文件。

以下说明如何发布 FLA 文件并在浏览器中查看 SWF：

选择“文件”>“发布设置”。
在“发布设置”对话框中，选择“格式”选项卡并确认只选中了“Flash”和“HTML”选项（请参阅图 16）。此操作使 Flash 只发布 SWF 文件和 HTML 文件。HTML 文件用于在 Web 浏览器中显示 SWF 文件。

图 16.“格式”选项卡中的“Flash”和“HTML”选项

在“发布设置”对话框中，选择“HTML”选项卡并确认选中“模板”弹出菜单中的“Flash Only”（请参阅图 17）。该模板会创建一个简单的 HTML 文件，它在浏览器窗口中显示时只包含您的 SWF 文件。

图 17.从“模板”菜单中选择“Flash Only”

单击“确定”。
选择“文件”>“发布”，从 Flash 导出 Web 就绪文件。
打开 Web 浏览器，选择“文件”>“打开”。导航到保存 FLA 文件的文件夹。可以找到文件 SimpleFlash.swf 和 SimpleFlash.html。选择名为 SimpleFlash.html 的文件。
单击“打开”。浏览器窗口中此时显示您的应用程序（请参阅图 18）。

图 18.发布文件后，浏览器中将显示一个 SimpleFlash.swf 动画示例（单击按钮可重放）

祝贺您！您已完成您的第一个 FLA 文件。要进一步了解文档发布，请阅读在线 Flash 文档中的发布和导出部分。

添加一个重放按钮以重新启动动画

您已使用 stop() 动作停止动画，您可能会问自己如何再次启动它。（图 18 中显示的示例可以做到。）您可以尝试许多选项，其中包括使用按键重新启动、单击舞台或单击按钮。为了实现其中任何一个选项，您需要在运行时使用 ActionScript 对用户交互作出回应。本部分比前一部分更进一步，但您还是应当尝试一下，了解其中的来龙去脉。

按照这些步骤操作，为文件添加一个“重放”按钮和 ActionScript：

为按钮新建一个层。单击“层”面板上的“新建层”按钮，并添加一个名为 Button 的层。
打开“组件”面板（“窗口”>“组件”），将一个按钮组件从 UI Components 文件夹拖到舞台上。将按钮放在舞台区域的中下部或任何期望位置。
当按钮组件依然处于选中状态时，在“属性”面板顶部的“<Instance Name>”字段中键入名称，将按钮实例命名为 replay_btn。这是一个重要步骤。通过命名按钮实例，您之后即可使用 ActionScript 按名称操作它。
在“属性”面板的“组件参数”区域的“标签”字段中输入文本 Replay。
单击 actions 层的第 1 帧的关键帧，然后返回“动作”面板。将以下代码复制并粘贴到面板中：

import flash.events.MouseEvent; function onClick(event:MouseEvent):void { gotoAndPlay(1); } replay_btn.addEventListener(MouseEvent.CLICK, onClick);

您会发现新代码包含一个函数段和 addEventListener 方法，此方法将函数注册为按钮的“单击”事件的“事件监听器”。这是 ActionScript 3 中用于回应 Flash Player 中的对象的计时提示的标准格式。在本例中，事件处理函数指示 Flash Player 返回第 1 帧并再次开始播放时间轴。（每当创建交互式按钮时，您将重复创建事件处理函数并将它指定到某个按钮实例的过程。）

提示：您可以将“片段”面板用作为按钮添加事件的快捷方式。

选择“控制”>“测试影片”以测试 FLA 文件。单击“重放”按钮重新启动动画。
关闭“测试影片”窗口，然后保存 FLA 文件。