PPT《第19 章》

第19 章ActionScript 程式环境 本章提要 19-1 认识 ActionScript19-2 影格动作与元件动作19-3 动作面板的操作19-4 撰写第一行ActionScript19-5 使用「行为指令」面板来加入ActionScript 19-1 认识 ActionScript 为了赋予动画互动功能, Flash 内建 ActionScript 程式语言.

这个程式语言是 Macromedia 公司专为 Flash 开发出来的, 它可以让使用者藉由滑鼠和键盘, 控制动画播放、停止、跳到某个片段, 或是移动动画中的元件、输入文字、玩游戏...等等. 认识 ActionScript 不过, 你也不用一到它是程式语言就感到畏惧, 因为它具有操作简易、除错功能强大的程式撰写环境―动作面板 (Actions panel), 即使不熟程式语言的人也能轻上手. 认识 ActionScript 一般来说, 只有在设计游戏、制作留言板、聊天室, 甚至结合资料库...等方面的应用, 才需要纯熟的程式写作技巧.否则像是控制动画的播放、停止、跳到某个影格或场景、播放另一个动画、开启网页...等等功能, 都是相当容易的 ActionScript 应用. 19-2 影格动作与元件动作 ActionScript 程式的特色, 是可以撰写在不同的位置上, 你可以将 ActionScript 写在影格上、按钮元件的实体上, 也可以写在影片片段元件的实体上, 唯独图像元件的实体无法设定 ActionScript 程式.我们可以将 ActionScript 依其设置位置不同, 分成影格动作与元件动作两大类. 影格动作 影格动作 (Frame Actions) 是指设定在影格中的 ActionScript.这类 ActionScript 必须设定在关键影格或空白关键影格里.藉由动画播放来触发动作, 也就是当动画播放到设有 ActionScript 的关键影格时, 就会执行设定好的程式.此种 ActionScript 通常应用在动画的播放控制上. 元件动作 元件动作 (Object Actions) 是指设定在实体上的 ActionScript.它藉由滑鼠、键盘事件以及影片片段的状态...等等来触发, 例如按下按钮即执行某段ActionScript.此种 ActionScript 常用於由使用者来控制动画的互动性设计.元件动作又可分为按钮动作和影片片段动作两种.按钮动作是设定在按钮元件实体上的 ActionScript;

影片片段动作则设定在影片片段元件的实体上. 19-3 动作面板的操作 动作面板 (Actions Panel) 就是用来编辑 ActionScript 的场所.如前所述, ActionScript 因设置位置不同而分成

2 大类, 不过一样都是在动作面板中编辑, 除了类别不同、可使用的指令有些差异外, 其余操作均相同.现在请任意选取一个关键影格或实体 (按钮或影片片段), 然后执行『视窗/动作』命令 (或直接按 [F9] 键), 我们开启动作面板来看看: 动作面板的操作 「Script 助理」模式 在动作面板撰写 ActionScript 程式时, 按下 Script 助理钮可切换至 Script 助理输入模式.在此模式中, 是直接以选取、拉曳或是双按的方式来加入、编辑指令, 只要点选动作工具箱中的任一指令, 或是点选 Script 窗格中的任一行程式, 面板右上方便会显示该指令的简略说明.透过填入参数的方式来编写程式, 可避免初学者因不熟悉语法而产生的错误. 「Script 助理」模式 此模式对指令的说明、指示充足, 又有简易的自动除错机制, 很适合初学者或对撰写程式还不熟悉的人使用, 其缺点是编辑程式的自由度较小, 例如无法直接在 Script 窗格以键盘输入指令等.如果你熟悉 ActionScript 语法, 且希望拥有更弹性的编辑环境, 可按下 Script 助理钮 (使其呈弹起状态) 关闭 Script 助理输入模式, 直接输入动作指令及参数. 「Script 助理」模式 「Script 助理」模式 因为大家还是 Flash ActionScript 的初学者, 此处我们就以 Script 助理模式进行说明. 动作工具箱 动作工具箱会以分类的方式显示各种动作 (即ActionScript 指令). 动作工具箱 分类资料夹:分类资料夹的图示会显示为 或,按一下便可展开或收合该分类下的所有指令.展开的分类资料夹图示为 .动作: 或 图示表示动作 (或称 ActionScript 指令), 双按该指令 (或拉曳到 Script 窗格中), 即可将该指令加入 Script 窗格. 参数与说明区 按下 Script 助理钮切换至 Script 助理模式, 动作面板的右上方即会显示成参数与说明区. 参数与说明区 参数区:点选 Script 窗格中的程式码, 此区会显示对应的参数栏位, 供使用者输入各指令的相关参数.参考:按下 钮可开启参考面板, 查询目前在动作工具箱或 Script 窗格中所选指令的详细使用方法与例. Script 窗格 Script 窗格是 ActionScript 程式码的编辑区.在Script 助理的输入模式下, 只能利用窗格上方的按钮来新增、移除、搬移程式码, 其目的是避免初学者因不熟悉语法使用了错误的指令, 导致程式执行时产生错误. Script 窗格 接下来我们要为您说明 Script 助理模式下的功能选项: Script 窗格 在Script 中增加新的项目 :按下此钮可选择要加入 Script 窗格的指令.删除选取的动作 :点选 Script 窗格中的程式码后, 按此钮可删除选取的指令.也可以在选取程式码后, 按下 [Delete] 键来删除.寻找 :与一般文书处理软体的寻找功能相同, 可输入关键字来搜寻 Script 窗格中的程式码. Script 窗格 插入目标路径 :按此钮可开启插入目标路径交谈窗, 指定舞台中特定实体来做为 ActionScript 的作用对象.但此钮在 Script 助理模式下无作用.将选取的动作往上移 :点选 Script 窗格中的程式码后, 按此钮可将所选的程式码往上移.将选取的动作往下移 :点选 Script 窗格中的程式码后, 按此钮可将所选的程式码往下移. Script 窗格 锁定作用中的 Script :锁定/解除锁定目前编写 ActionScript 的位置.锁定后, 即使点选其它的关键影格或实体, 也无法切换至其它位置编辑程式.这个功能可以避免在修改动画时, 因为不小心错点其它影格或实体, 而将程式编写到错误的位置上. 进阶的编辑环境 如果对 ActionScript 已有相当的了解, 想要更自由的编辑方式, 则请按下 Script 助理钮 (使其呈弹起状态), 关闭 Script 助理的输入模式, 其编辑环境则有些差异, 以下我们针对不同的部份做说明: 进阶的编辑环境 进阶的编辑环境 检查语法 :可侦测 Script 窗格内的程式码是否有错误.自动格式化 :依Flash 预设的格式自动排版程式.显示程式码提示 :可显示目前插入点所在位置, 尚未键入完成之指令的语法提示. 进阶的编辑环境 除错选项 :点选 Script 窗格中的程式码后, 按下此钮可以选择 『设定中断点』、『移除中断点』、『删除全部中断点』等命令, 来对程式码进行除错. 19-4 撰写第一行 ActionScript 大致了解动作面板的操作环境之后, 本节我们就以最简易的指令来示, 带你撰写第一行 ActionScript. 使用时间轴控制项指令 动作工具箱内全域变数/时间轴控制项类别中是最常用到, 也最简单的指令, 它们的作用是控制整个影片的播放状态.首先请双按 19.swf 档, 观察这个 Flash 影片.这是一个小人由左往右跑的动画, 而且会不断重复播放, 亦即往右跑出舞台后会继续从左边出现: 使用时间轴控制项指令 使用时间轴控制项指令 接著开启该影片的原始 Flash 动画档 19.fla , 档案内容是一个具有