《Flash动画简明教程》-第7章.ppt

2007 1 08 1 第7章创建交互动画 2007 1 08 2 学习目标 1 了解ActionScript在交互动画中的重要作用2 知道ActionsScript程序的组成3 熟练使用关键帧的ActionScript控制动画播放操作4 熟练使用按钮中的ActionScript控制动画播放的操作 掌握按钮的创建和使用方法 会在按钮中添加声音5 初步掌握跳转语句和条件语句的使用方法6 掌握影片剪辑的属性及使用方法7 了解组件的类别 掌握使用组件的基本方法 2007 1 08 3 7 1ActionScript入门7 2利用关键帧的ActionScript控制动画的播放7 3利用按钮中的ActionScript控制动画的播放7 4利用条件语句生成动画7 5利用属性展现动画效果7 6组件 2007 1 08 4 7 1 1ActionSript概述 目前 FlashMX2004中使用的是最新版本的ActionScript2 0 它运行速度快 灵活性高 实现了面向对象的程序设计 已经发展成为真正意义上的专业级的程序语言 Flash通常对两种对象设置动作命令 即关键帧和按钮 事实上 其它组件中的设置方法也同样是在其中包含的关键帧中进行设置的 当某个关键帧中包含ActionScript语句时 在表示关键帧的方格中相应地就会出现一个 a 的标志 2007 1 08 5 7 1 2ActionsScript程序的组成 在ActionScript的程序中 一般是由函数 运算符 语句 事件 注释等组成 7 1 2 1函数函数是用来对常量 变量进行某种运算的方法 如获得整数 产生随机数等 在ActionScript的开发环境中 拥护可以直接调用内置函数 也可以自己创建自定义函数 然后进行调用 7 1 2 2运算符运算符提供对数值 字符串 逻辑数值进行运算的符号 包括 等等 7 1 2 3语句语句是指能完成某项特定的操作 ActionScrip中的每个完整的语句以分号 来结束 例如播放控制语句对动画中的全部对象都能立即产生控制作用 主要语句有动画的播放语句 赋值语句 跳转语句 条件语句和循环语句等 2007 1 08 6 7 1 2 4事件当我们将程序指定给帧后 动画播放到该帧时 程序就得以执行 将程序指定给动画剪辑或按钮 则需要指定引发程序执行的事件 事件是指在程序设计中完成某种动作或操作 例如 在Flash动画中移动鼠标 单击鼠标 释放鼠标或按键盘上的某个键都会产生事件 7 1 2 5注释ActionScrip中的注释仅仅供开发者做一些注释 并不作为程序的正式组成部分 单行的注释用 开头 多行注释用 开头 用 结束 返回 2007 1 08 7 7 2利用关键帧的ActionScript控制动画播放我们在前几章中制作的动画在播放时 都是循环播放 在本节中我们通过对关键帧中的ActionScript语句的设置来实现动画的单次播放 制作步骤 步骤1打开动画打开在素材库 第七章 激光写字 动画文件 双击将其打开 播放后可以看到类似激光笔在星空背景下写出 星光之家 四个字 完成后又重新开始书写 反复循环播放 2007 1 08 8 步骤2选中需要设置ActionScript的关键帧想要在关键帧能够添加动作脚本 需要选中设置的对象 动画播放结束后 为了避免动画的循环播放 一般应该把动画的最后一帧设置为停止播放 在本范例中 选中运动渐变的图层中的最后一个关键帧 如图7 1所示 图7 1选中图层1的最后一关键帧 2007 1 08 9 步骤3设置ActionScript1 用鼠标单击窗口下方帧的动作面板 打开帧的动作窗口 2 单击动作面板中的 将新项目添加到脚本中 打开全局函数 时间轴控制 stop 双击 stop 这时 在关键帧的动作面板的输入区域中输入了语句 stop 表示动化播放到该关键帧后 会停止动画的播放 2007 1 08 10 步骤4测试动画选择快捷组合键 Ctrl Enter来测试动画 可以看到动画不再循环播放 重新回到动画编辑模式后 会发现设置了ActionScript动作脚本的关键帧上有了一个字母 a 是设置了动作脚本的标志 2007 1 08 11 步骤5保存动画选择 文件 保存 命令 保存在flash目录中 文件名为 激光写字1 范例 激光写字1 总结 本例是在动画的结束关键帧的动作面板上添加播放语句中的停止语句stop 来中止动画的播放 使动画不再循环播放 返回 2007 1 08 12 上节中 我们使用了播放控制语句中的停止语句 stop 来控制动画的停止 本节我们将继续使用播放控制语句来对动画中的对象产生控制作用 并利用按钮来控制动画的播放 停止 声音的产生和停止等操作 7 3 1在按钮中添加ActionSript本例主要通过按钮的制作来控制动画的播放和结束 2007 1 08 13 制作步骤 步骤1打开动画打开在素材库中 第七章 激光写字 动画文件 双击将其打开 按Ctrl Enter键播放后可以看到类似激光的笔在星空背景下写出 星光之家 四个字 完成后又重新开始书写 反复循环播放 步骤2制作 播放 和 停止 两个按钮1 按Ctrl F8组合键插入一个新的组件 在弹出的 创建新组件 对话框中 选择组件类型为 按钮 并输入组件的名称 播放 如图7 6所示 选择 确定 按钮后进入到按钮组件的编辑状态 如图7 7所示 2007 1 08 14 图7 6 创建新组件 对话框 图7 7 播放 按钮编辑窗口 2007 1 08 15 2 在 播放 按钮的编辑状态下 在 弹起 的关键帧中选中工具箱中的 矩形工具 设置 笔触颜色 为无色 填充颜色 为红色 然后以 为中心拖动鼠标画出一个红色矩形 选用工具箱中的 文本工具 在随后在窗口下方出现的文本 属性 面板中 设置文本格式为隶书 字号为30 颜色为绿色 2007 1 08 16 3 在 播放 按钮的编辑状态下 在 点击 帧中选择菜单 插入 时间轴 帧 命令或按F5键 插入静止帧 如图7 8所示 按钮制作完成后 单击 场景1 返回舞台 图7 8 播放 按钮编辑窗口 2007 1 08 17 4 用同样的方法制作 停止 按钮 如图7 9所示 此时 打开库面板可以看到自制按钮 播放 和 停止 图7 9 停止 按钮编辑窗口 2007 1 08 18 步骤3在图层中插入 播放 和 停止 两个按钮在 时间轴 下方的选中 插入图层 按钮 插入新的图层 命名为 按钮 将库中的按钮 播放 和 停止 放置到舞台中合适的位置 步骤4设置ActionScript脚本语句1 选中图层1中的第1帧 用鼠标单击窗口下方的帧的动作面板 打开帧的动作窗口 输入 stop 以便动画在开始时不播放 2007 1 08 19 2 单击选中第1帧中的 播放 按钮 此时 窗口下方出现了 动作按钮 窗口 在动作面板窗口中输入语句 on release play 注意拼写时不可改变大小写 如图7 12所示 图7 12 播放 按钮中的ActionScript 2007 1 08 20 3 同样 选中第1帧中的 停止 按钮后 在对应的动作面板窗口中输入语句 on release stop 表示单击鼠标释放后会结束动画的播放 步骤4测试动画选择快捷组合键 Ctrl Enter来测试动画 可看到当单击 播放 按钮后 动画开始播放 单击 停止 按钮后 动画停止播放 这样就通过按钮来控制动画的播放了 步骤5保存动画选择 文件 保存 命令 保存在flash目录中 文件名为 激光写字2 范例 激光写字2 总结 本例通过在自制按钮 播放 和 停止 中添加播放语句的播放语句play 和播放停止语句stop 来控制动画的播放和停止 2007 1 08 21 7 3 2在声音按钮中添加ActionSript 本例主要通过声音按钮的制作和利用跳转语句来控制动画的播放 制作步骤 步骤1导入素材新建一个空白文档 选择 文件 导入 导入到库 命令 在出现的 导入到库 对话框中 在查找范围内选择 素材库 第七章 声音按钮 文件夹的全部文件 单击 打开 后将图像文件和声音文件导入到库中 步骤2设置关键帧中的图像1 选中第3帧 按F6键插入一个关键帧 将库中的图形组件 图像1 拖动到舞台的中央 2007 1 08 22 2 选中第5帧 按F6键插入一个关键帧 将原来的 图像1 删除后 把库中的图形组件 图像2 拖动到舞台的中央 如图7 16所示 图7 16第5帧的图像 2007 1 08 23 步骤3制作声音按钮1 选中 时间轴 下方的 插入图层 按钮 插入新的图层 命名为 按钮 2 将库中的 美人鱼1 拖动到舞台上 作为按钮的图像 按F8键后在弹出的 转换为符号 对话框中 选择组件类型为 按钮 并输入组件的名称 按钮1 选择 确定 按钮 2007 1 08 24 3 双击舞台上的按钮 美人鱼1 进入到按钮的编辑状态 在按钮的 指针经过 按下 和 点击 处分别按F6键插入关键帧 4 选中 按下 关键帧 将库中图像 美人鱼2 拖动到舞台上 覆盖原来的图像 这样当我们按下鼠标时按钮的图像就改变了 同理 将 点击 关键帧中的图像也改变为 美人鱼2 2007 1 08 25 5 导入声音 选中 按下 关键帧 在窗口下方的帧属性面板中 选择声音 波浪 如图7 3 15所示 此时 在按钮的 按下 关键帧中出现了一条黄线 如图7 22所示 表明当按下按钮时 会出现声音 图7 22按钮中 按下 帧中声音的导入 2007 1 08 26 步骤4设置ActionScript脚本语句1 选中动画的图层1中的第1帧 在窗口下方的 动作帧 输入语句 stop 表示动画在开始不播放 2 选中 按钮1 在窗口下方的 动作按钮 输入语句 on press gotoAndStop 3 on release gotoAndStop 5 如图7 3 18所示 表明当按下鼠标时 动画停止在第3帧中 当释放鼠标时 动画停止在第5帧中 图7 3 18按钮中的ActionScript 2007 1 08 27 步骤5测试动画使用快捷组合键 Ctrl Enter来测试动画 我们看到 单击按钮后 按钮的图像和舞台的背景图像会相应改变 同时会有波浪的声音发出 步骤6保存动画选择 文件 保存 命令 保存在flash目录中 文件名为 声音按钮 范例 声音按钮 总结 本例通过在自制按钮的 弹起 经过 和 按下 点击 中图像的变化 在 按下 中加入声音 并在 按下 和 释放 中添加跳转语句gotoAndStop 来进行关键帧中内容的跳转 返回 2007 1 08 28 7 4利用条件语句生成动画本节中 我们主要使用条件语句 ifelse 来生成一个简单的计时器 制作步骤 步骤1创建背景1 设置动画属性 在新创建的Flash空白文档中 选择窗口下方的文档 属性 面板后 选中后 就可在尺寸的 宽 中输入动画的宽度为300px 在尺寸的 高 中输入动画的高度为300px 选中 背景颜色 右边的颜色框 选择背景的颜色为 浅绿色 在下方对应的 选项 中选择绘线方式为 伸直 设置 笔触颜色 为白色 填充颜色 为白色 然后 在舞台中绘制 雪片 2007 1 08 29 2 绘制出计时器的背景 如图7 25所示 在中央的白色方框中将作为数字的显示背景 然后将该图层命名为 背景 图7 25添加的背景 2007 1 08 30 步骤2创建动态文本框1 在 时间轴 下方的选中 插入图层 按钮 插入新的图层 命名为 动态文本框 2 然后选中工具箱中的 文本工具 在随后在窗口下方出现的文本 属性 面板中 设置文本格式为ArialBlack 字号为75 颜色为黑色 选择文本框的类型为 动态文本 在 变量 名称输入 x 2007 1 08 31 3 将动态文本框拖动到合适的位置 在文本框输入初始值 1 如图7 27所示 图7 27动态文本框的赋初值 2007 1 08 32 步骤3实现自动计时选中 背景 图层的第60帧 按F6键插入帧 选中 动态文本框 图层的第12帧 按F6键插入关键帧 选中 动态文本框 图层的第60帧 打开动作面板 输入 if Number x 60 x Number x 1 else x 1 表示当x数值小于60时 文本框中显示x的数值之后 将x重置为1 即在文本框中显示从1到60的数值 2007 1 08 33 步骤4动画的测试与保存 将动画测试后保存在Flash目录中 名称为 简单计时器 范例 简单计数器 总结 本例通过条件语句 ifelse 语句来控制数字从1到60在动态文本框中的循环播放 类似于计时器 返回 2007 1 08 34 7 5利用属性来展现动画效果7 5 1影片剪辑的属性简介在这里列举Flash中影片对象的几种常用属性 影片剪辑的可改属性如表7 1所示 2007 1 08 35 表7 1影片剪辑的可改属性 2007 1 08 36 影片剪辑的属性如表7 3所示 表7 3影片剪辑的属性 2007 1 08 37 7 5 2影片剪辑属性的实现setProperty 命令一般用来设置影片剪辑的属性 使用格式为 setProperty 目标 属性 值 其中有三个参数 目标 是指要设置属性的MC的实力名 注意要包括路径 属性 是指前面表格中提到的 例如透明度 可见性 缩放比例等 值 是指属性对应的值 包括数值 布尔值等 getProperty 命令一般用来获取MC的属性 使用格式为 getProperty 目标 属性 其中有两个参数 与setProperty 中的参数含义一致 2007 1 08 38 7 5 3影片剪辑属性设置实例制作步骤 步骤1创建背景1 新建一个动画新建一个Flash文档 打开 文档属性 对话框 设置文档的属性 大小 为 500像素 400像素 2 设置背景执行 文件 导入 导入到库 命令 导入 素材 森林 JPG 图片 将其拖动到舞台 在工具栏中单击 任意变形工具 使其放大 以超出整个舞台一些为佳 再将 图层1 重新命名为 背景 2007 1 08 39 步骤2创建元件1 单击图层名称下方的 增加图层 按钮 新增一个 图层2 并重新命名为 花仙子 2 执行 文件 导入 导入到库 命令 导入 素材 花仙子 GIF 并将名为 花仙子 GIF 的影片剪辑拖到舞台上 3 在 属性 面板中将影片剪辑 花仙子 的 实例名称 设置为 mc1 2007 1 08 40 步骤3创建按钮1 单击图层名称下方的 增加图层 按钮 新增一个 图层3 并重新命名为 按钮 2 执行 插入 菜单下的 创建新元件 命令 然后在 名称 中输入 按钮1 行为 选择 按钮 单击 确定 按钮后 进入元件编辑模式 3 然后进入对按钮的编辑 执行 文件 导入 导入到库 命令 导入 素材 落花 GIF 并将名为 落花 的位图拖到舞台上 再按下 F8 键 将其转化为图形元件 名称为 底图 用 任意变形工具 使其扩大 然后选中工具箱中的 文本工具 输入文字 不可见 并设置文本格式为 黑体 18 黑色 最后在时间轴上访的 点击 处按下 F5 键 4 用同样的方法制作 按钮2 按钮3 按钮4 将其中的文本分别命名为 可见 透明度 旋转 2007 1 08 41 步骤4定义动作脚本1 单击时间轴左上角的按钮 可以回到场景1中 将四个按钮分别拖到舞台的合适位置 2 定义动作脚本 选中 不可见 按钮 在 动作 面板中定义它的动作脚本 添加如图7 37所示代码 图7 37 不可见 的动作脚本 2007 1 08 42 选中 可见 按钮 在 动作 面板中定义它的动作脚本 如图7 38所示 选中 透明度 按钮 在 动作 面板中定义它的动作脚本 如图7 39所示 选中 旋转 按钮 在 动作 面板中定义它的动作脚本 顺时针转 如图7 40所示 图7 38 可见 动作脚本 2007 1 08 43 图7 39 透明度 的动作脚本 图7 40 旋转 的动作脚本 2007 1 08 44 步骤5测试动画选择组合键 Ctrl Enter 来测试动画 依次单击 不可见 可见 透明度 旋转 四个按钮 可以看到 影片剪辑的属性已经可以控制了 只是象 透明度 旋转 这样的按钮只能单击一次 没法让实例 mc1 连续更改透明度和旋转的角度 我们可以换一种语法来改进这一情况 步骤6完善动画1 修改 透明度 的动作脚本 达到每单击一下按钮 透明度就降低30度的效果 2 修改 旋转 的动作脚本 每次单击一下按钮 就顺时针旋转30度 每次单击一下按钮 就逆时针旋转30度 属性设置 总结 本例是控制MC属性的一个效果实例 主要用到了on 和setProperty 函数来控制按钮和属性 返回 2007 1 08 45 7 6 1组件的概述组件是带有参数的影片剪辑 这些参数使用户可以修改组件的外观和行为 组件既可以是简单的用户界面控制 如单选按钮或复选框 也可以包含内容 如滚动窗格 还可以是不可见的 如FocusManager 它用于控制应用程序中接受焦点的对象 每个组件都有预定义参数 可以在Flash中创作时来设置这些参数 每个组件还有一组独特的动作脚本方法 属性和事件 它们也称为API 应用程序编程接口 使您可以在运行时设置参数和其他选项 利用这些 我们可以创建功能完整的程序界面 2007 1 08 46 Flash的组件有四种 分别是数据组件 DataComponents 媒体组件 MediaComponents 用户界面组件 UIComponents 和管理器 执行 窗口 开发面板 组件 命令 可以打开 组件 面板 或者用组合键 Ctrl F7 也可以打开 2007 1 08 47 7 6 2使用组件7 6 2 1添加和删除组件组件的引用与引用 库 中的元件大体相同 也是用鼠标将其拖放到舞台上 这样 舞台上的组件就叫做实例 实例需要先设定参数和属性 可以利用 属性 面板或 组件检查器 面板来设置 但大多数情况下 用户还需要编写一些动作脚本 以便对组件数据进行处理 2007 1 08 48 7 6 2 2用Action来控制组件事件所有组件都有事件 在用户与组件进行交互或组建发生了重要事件时 就会播放这些事件 我们可以用Action对组件进行编程控制 7 6 2 2 1使用组件事件处理函数最简单的方式就是使用on 组件事件处理函数 用户可以将on 处理函数分配给组件实例 和前面提到的按钮或影片剪辑的处理一样 附加到组件上的on 处理函数可以使用关键字 this 来表示当前的组件实例 制作步骤 我们为按钮Button附加一个clik事件 步骤1从用户界面组件 UIComponents 中拖动一个按钮Button到场景中步骤2修改组件实例名称为 anniu 2007 1 08 49 步骤3在 动作 面板中输入如图7 50所示的代码 图7 50输入代码 2007 1 08 50 步骤4测试动画选择组合键 Ctrl Enter 来测试动画 单击 Button 按钮 步骤5保存动画选择菜单的 文件 保存 命令 保存在flash目录中 文件名为 组件的输出控制1 1 步骤6修改代码在 动作 面板中修改代码 如图7 52所示 图7 52修改代码 2007 1 08 51 7 6 2 2 2使用组件事件侦听器效果突出的方法是使用侦听器 首先应该创建一个侦听对象 并给侦听器对象分配一个处理事件的函数 然后向各个组件实例注册侦听器 此时可以向一个组件实例注册多个侦听器 也可以向多个组件注册一个侦听器 发生事件时 时间将由组件进行播放 注册到该组件的所有侦听器都会收到该事件的通知 它编程的一般形式为 listenerObject newObject 先定义一个侦听对象listenerObject click function eventObject 为侦听对象上的事件 click 定义一个函数 函数内部可以调用eventObject对象的各种属性和方法来相应click Instance addEventListence click listenerObject 将侦听器对象注册到实例 当该实例调度该事件时 就会调用该侦听器对象 2007 1 08 52 7 6 3组件详解7 6 3 1数据组件利用数据组件可以加载和处理数据源的信息 Flash中的数据组件包含以下几种 名称和功能如表7 4所示 2007 1 08 53 7 6 3 2管理器管理器是不可见的组件 使用这些组件 用户可以在应用程序中管理诸如焦点或深度之类的功能7 6 3 3媒体组件利用媒体组件 用户可以将媒体流加入到应用程序中 7 6 3 4用户界面组件Flash中的用户界面组件很常用 利用用户界面组件 用户可以与应用程序进行交互操作 它是我们要学习的重点内容 下面一一详细说明 7 6 3 4 1Accordion组件 这是一组垂直的相互重叠的视图 视图顶部有一些按钮 用户利用这些按钮可以在视图之间进行切换 Accordion创建并管理标题按钮 用户可以按这些按钮在accordion的子项之间浏览 Accordion呈纵向布局 其标题按钮横跨整个组件 每个子项均与一个标题关联 而每个标题均从属于accordion 而不是子项 当用户单击某个标题时 关联的子项即会显示在该标题下方 过渡到新的子项的过程使用过渡动画 2007 1 08 54 7 6 3 4 2Alert组件它是一个窗口 用于给用户提出问题并提供按钮来捕获用户的响应 Alert组件也仅限FlashProfessional版本 Alert窗口包含一个可填充文本的标题栏 一个可自定义的消息和若干可更改标签的按钮 Alert窗口只能包含以下按钮的任意组合 是 否 确定 和 取消 可以通过使用以下属性更改按钮上的文本标签 Alert yesLabel Alert noLabel Alert okLabel和Alert cancelLabel 不可更改Alert窗口中按钮的顺序 按钮顺序始终为 确定 是 否 取消 2007 1 08 55 7 6 3 4 3Button组件 它是一个大小可以调节的按钮 可使用自定义图标来定义 也可以将按钮的行为从按下改为切换 在单击切换按钮后 它将保持按下状态 直到再次单击时才会返回到弹起状态 在属性检查器中或在 组件检查器 面板中为每个Button组件实例设置的创作参数有 label 设置按钮上文本的值 默认值是 Button icon 为按钮添加自定义图标 该值是库中影片剪辑或图形元件的链接标识符 没有默认值 toggle 将按钮转变为切换开关 如果值为true 则按钮在按下后保持按下状态 直到再次按下时才返回到弹起状态 如果值为false 则按钮的行为就像一个普通按钮 默认值为false selected 如果toggle参数的值是true 则该参数指定按钮是处于按下状态 true 还是释放状态 false 默认值为false labelPlacement 确定按钮上的标签文本相对于图标的方向 该参数可以是下列四个值之一 left right top或bottom 默认值是right 2007 1 08 56 7 6 3 4 4CheckBox组件 它允许用户进行布尔型选择 真或假 复选框是一个可以选中或取消选中的方框 当它被选中后 框中会出现一个复选标记 可以为复选框添加一个文本标签 并可以将它放在左侧 右侧 顶部或底部 复选框是任何表单或Web应用程序中的一个基础部分 每当需要收集一组非相互排斥的true或false值时 都可以使用复选框 例如 一个收集客户个人信息的表单可能有一个爱好列表供客户选择 每个爱好的旁边都有一个复选框 7 6 3 4 5ComboBox组件它允许用户从滚动的选择列表中选择一个选项 该组件可以在列表顶部有一个可编辑的文本字段 以允许用户搜索此列表 组合框由三个子组件组成 它们是 Button组件 TextInput组件和List组件 当在列表中进行选择后 所选内容的标签被复制到组合框顶部的文本字段中 进行选择时既可以使用鼠标也可以使用键盘 在任何需要从列表中选择一项的表单或应用程序中 都可以使用ComboBox组件 2007 1 08 57 7 6 3 4 6DataChooser组件 它允许用户从日历种选择一个或多个日期 仅限FlashProfessional使用 它包含一些按钮 这些按钮允许用户在月份之间来回滚动并单击某个日期将其选中 可以设置指明月份和日名称 星期的第一天和任何禁用日期以及突出显示当前日期的参数 每个DateChooser实例的实时预览反映了创作过程中属性检查器或 组件检查器 面板指明的值 在属性检查器中或在 组件检查器 面板中为每个DateChooser组件实例设置的创作参数 monthNames 设置在日历的标题行中显示的月份名称 该值是一个数组 并且默认值是 January February March April May June July August September October November December dayNames 设置一周中各天的名称 该值是一个数组 并且默认值是 S M T W T F S firstDayOfWeek 指明一周中的哪一天 其值为0 6 0是dayNames数组的第一个元素 显示在DateChooser的第1列中 此属性更改 日 列的显示顺序 disabledDays 指明一周中禁用的各天 该参数是一个数组 并且最多具有7个值 默认值为 空数组 showToday 指明是否突出显示今天的日期 默认值为true 2007 1 08 58 7 6 3 4 7DataGied组件它允许用户现实和操作多列数据 仅限FlashProfessional DataGrid组件由两组API组成 DataGrid类和DataGridColumn类 可以使用鼠标和键盘与DataGrid组件进行交互7 6 3 4 8Label组件它是一个不可编辑的单行文本字段 一个标签组件就是一行文本 可以指定一个标签采用HTML格式 也可以控制标签的对齐和大小 Label组件的autoSize属性与内置的动作脚本TextField对象的autoSize属性不同 7 6 3 4 9List组件它允许用户从滚动列表中选择一个或多个选项 列表也可以显示图形 其中包含其他组件 在单击标签或数据参数字段时 会出现 值 对话框 可以使用该对话框来添加显示在List中的项目 也可以使用List addItem 和List addItemAt 方法来将项目添加到列表 7 6 3 4 10Loader组件它包含已载入的SWF或JPEG文件的区块 可以缩放加载器的内容 或者调整加载器自身的大小来匹配内容的大小 默认情况下 缩放内容要适合Loader的大小 也可以在运行时加载内容 并监视加载进度 2007 1 08 59 7 6 3 4 11Menu组件它允许用户从列表中选择一个命令 仅限FlashProfessional使用 它是一个标准的桌面应用程序菜单 这与大多数软件应用程序的 文件 或 编辑 菜单很相似 通常在用户滑过或单击一个像按钮的菜单激活器时 会在应用程序中打开Menu 还可以对Menu组件编写脚本 使其在用户按下特定的键时打开 7 6 3 4 12MenuBar组件它是水平的菜单栏 仅限FlashProfessional使用 MenuBar组件可以创建带有弹出式菜单和命令的水平菜单栏 就像最常见的软件应用程序 例如MacromediaFlash 中的 文件 和 编辑 菜单栏一样 菜单栏对Menu组件进行了补充 方法是通过提供可单击的界面来显示和隐藏菜单 而这些菜单起到了组合鼠标和键盘交互性操作的作用 7 6 3 4 13NumercStepper组件它是可单击的箭头 单击它们可以增加或减少数字的值 该组件由显示在小上下箭头按钮旁边的数字组成 用户按下这些按钮时 数字将逐渐增大或减小 如果用户单击其中任一箭头按钮 数字将根据stepSize参数的值增大或减小 直到用户松开鼠标按钮或达到最大 最小值为止 2007 1 08 60 7 6 3 4 14ProgressBar组件它显示一个过程的进度 加载进程可以是确定的也可以是不确定的 确定的进程栏是一段时间内任务进程的线性表示 当要载入的内容量已知时使用 不确定的进程栏在不知道要加载的内容量时使用 7 6 3 4 15RadioButton组件它允许用户在相互排斥的选项之间进行选择 强制用户只能选择一组选项中的一项 RadioButton组件必须用于至少有两个RadioButton实例的组 在任何给定的时刻 都只有一个组成员被选中 选择组中的一个单选按钮将取消选择组内当前选定的单选按钮 可以设置groupName参数 以指明单选按钮属于哪个组 7 6 3 4 16ScrooPane组件它可以使用自动滚动条在有限的区域内显示影片 位图和SWF文件 可以让滚动条能够在一个有限的区域中显示图像 可以显示从本地位置或Internet加载的内容 在创作过程中以及在运行时 都可以使用 动作脚本 来设置滚动窗格的内容 7 6 3 4 17TextArea组件它是一个可以随意编辑的多行文本字段 在需要多行文本字段的任何地方都可使用TextArea组件 如果需要单行文本字段 请使用TextInput组件 2007 1 08 61 7 6 3 4 18TextInput组件它是一个可以随意编辑的单行文本输入字段 在任何需要单行文本字段的地方 都可以使用TextInput组件 如果需要多行文本字段 请使用TextArea组件 7 6 3 4 19Tree组件它允许用户处理分级信息 仅限FlashProfessional版本 可用于表示分层数据 如电子邮件客户端文件夹 文件浏览器窗格或库存的类别浏览系统 7 6 3 4 20Windows组件它是一个可拖动的窗口 带有标题栏 题注 边框和关闭按钮 用于向用户显示内容 2007 1 08 62 7 6 4组件应用实例制作步骤 步骤1新建文档1 新建一个动画新建一个Flash文档 打开 文档属性 对话框 设置文档的属性 大小 为 500像素 400像素 2 设置背景执行 文件 导入 导入到库 命令 导入 素材 吉祥如意 JPG 图片 将其拖动到舞台 在工具栏中单击 任意变形工具 使其高度缩小一些 再将 图层1 重新命名为 背景 2007 1 08 63 步骤2创建用户交互界面1 单击图层名称下方的 增加图层 按钮 新增一个 图层2 同时将 背景 图层隐藏 2 创建 姓名 文本框 选中图层2的第1帧 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 姓名 再次选择工具箱中的 文本输入 工具 在 属性 面板中选择 输入文本 字体格式为 宋体 16 黑色 在文字 姓名 的右侧拉出一个大小适度的输入文本框 单击按钮 以显示文本的边框 将 实例名称 改为 name 2007 1 08 64 3 创建 学号 文本框 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 学号 再次选择工具箱中的 文本输入 工具 在 属性 面板中选择 输入文本 字体格式为 宋体 16 黑色 在文字 学号 的右侧拉出一个大小适度的输入文本框 单击按钮 以显示文本的边框 将 实例名称 改为 num 如图7 57所示 图7 57 学号 文本框 2007 1 08 65 4 创建 性别 单选按钮 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 性别 从 组件 面板中将单选按钮 RadioButton 组件拖到文字 性别 的右侧 在 属性 面板的 属性 选项卡中将 实例名称 改为 maleRadio 在 属性 面板的 参数 选项卡中将 Labels 改为 男 并按回车键确定 舞台上的单选按钮名称马上发生了改变 如图7 58所示 图7 58单选按钮设置一 2007 1 08 66 再从 组件 面板中将单选按钮 RadioButton 组件拖到 男 的右侧 从 属性 面板的 属性 选项卡中将 实例名称 改为 femaleRadio 在 属性 面板的 参数 选项卡中将 Labels 改为 女 并按回车键确定 舞台上的单选按钮名称马上发生了改变 如图7 59所示 图7 59单选按钮设置二 2007 1 08 67 5 创建 系 部 组合框 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 系 部 从 组件 面板中将组合框 ComboBox 组件拖到文字 系 部 的右侧 在 属性 面板的 属性 选项卡中将 实例名称 改为 collegeCombo 单击 属性 面板 参数 选项卡 双击 Labels 右侧的 按钮 然后在弹出的对话框中添加文本值数组 如图7 60所示 图7 60 值 对话框 2007 1 08 68 再双击 data 右侧的 按钮 然后在弹出的对话框中添加与组合框 ComboBox 中每个项目关联的数据值 在本例中 我们将 data 和 Lables 中设置为相同的值 再将 rowCount 的值改为 4 设置完成后的效果如图7 61所示 图7 61 系 部 组合框 图7 61 系 部 组合框 2007 1 08 69 6 创建 专业 列表框 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 专业 从 组件 面板中将列表框 List 组件拖到文字 专业 的右侧 在 属性 面板的 属性 选项卡中将 实例名称 改为 sepcialityList 单击 属性 面板 参数 选项卡 双击 Labels 右侧的 按钮 然后在弹出的对话框中添加列表标签值的文本数组值 2007 1 08 70 再双击 data 右侧的 按钮 然后在弹出的对话框中添加与列表框 List 中每个项目关联的数据值 在本例中 我们还是将 data 和 Lables 中设置为相同的值 设置完成后的效果如图7 63所示 图7 63 专业 列表框 2007 1 08 71 7 创建 班级 文本框 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 班级 再次选择工具箱中的 文本输入 工具 在 属性 面板中选择 输入文本 字体格式为 宋体 16 黑色 在文字 班级 的右侧拉出一个大小适度的输入文本框 单击按钮 以显示文本的边框 将 实例名称 改为 grade 2007 1 08 72 8 创建 选修课程 复选框 选择工具箱中的 文本输入 工具 在 属性 面板中选择 静态文本 并设置为 宋体 16 黑色 然后输入文本 选修课程 从 组件 面板中将复选框 CheckBox 组件拖到文字 选修课程 的下方 在 属性 面板的 属性 选项卡中将 实例名称 改为 donghua 单击 属性 面板 参数 选项卡 将 Label 右侧的 CheckBox 改为 Falsh动画制作 用同样的方法再制作5个复选框 实例名称 分别叫 xingti wenhua renji jiangshang yingxiao 2007 1 08 73 9 创建 提交 按钮 从 组件 面板中将按钮 Button 组件拖到舞台的右下方 在 属性 面板的 属性 选项卡中