3.2制作菜单类特效（课件）-《网页制作高级特效》同步教学（劳动版）

模块三 Flash 高级特效 3 1 课题 １　ActionScript 语言基础 2 课题 ２ 制作菜单类特效 课题 ３　制作 UI 类特效 目录 4 5 6 课题 ４　制作鼠标类特效 课题 ５　制作时钟类特效 课题 ６　制作 Loading 预载特效 课题 ２　制作菜单类特效 学习目标 １. 能制作最简单的一级导航菜单特效。 ２. 能制作下拉式菜单特效。 ３. 能制作横向菜单特效。 相关知识 Flash 菜单具有动感强、 视觉效果好等特点，按钮对象是制作菜单的主要构成对象。 一、 影片剪辑 影片剪辑是包含在 Flash 影片中的影片片段，具有自己的时间轴和属性。 在 Flash 中按 【Ctrl ＋ F8】 组合键创建影片剪辑元件。 课题 ２　制作菜单类特效 创建影片剪辑 二、 按钮 １. 概述 按钮实际上是四帧的交互影片剪辑。 当按 【Ctrl ＋ F8】组合键创建新元件时，若为元件选择 “按钮” 类型，Flash 会创建一个包含四帧的时间轴。 按钮元件的时间轴上的每一帧都有一个特定的功能: 第一帧是弹起状态；第二帧是指针经过状态；第三帧是按下状态；第四帧是点击状态。 课题 ２　制作菜单类特效 创建按钮对象 按钮的四帧时间轴 ２. 制作菜单时按钮上常用的鼠标事件 按钮上的事件有八种，制作菜单时，常用的有三种:释放 (release)、 滑过 ( rollOver )和滑离 ( rollOut ) 。 ３. 已终止一项可能不安全的操作的解决办法 课题 ２　制作菜单类特效 按钮事件 全局安全设置 三、 下拉菜单制作原理 下拉菜单是菜单的一种表现形式。 当用户选中一个菜单后，在其下方出现对应的下拉列表，其他菜单处于收起的状态。 当鼠标移至菜单区域外时，所有下拉的菜单收起。 课题 ２　制作菜单类特效 下拉菜单 四、 横向菜单制作原理 横向菜单制作原理和下拉菜单制作原理完全相同，不同之处是: 制作影片剪辑时将各菜单项从纵向排列改为横向排列。 下拉菜单背景图片的分隔条为横向，横向菜单背景图片的分隔条为纵向。 当菜单项从纵向排列改为横向排列时，需要改变背景图片。 当把所有素材图片导入库后，双击元件进入元件编辑状态，选中原背景图片，单击“属性” 面板上的 “交换元件” 按钮，可以方便地替换背景图片。 课题 ２　制作菜单类特效 课题 ３　制作 UI 类特效 学习目标 １. 了解 Flash 常用的组件，掌握添加组件和设置组件参数的方法。 ２. 能利用组件动态加载外部文本文件、 动态加载外部图像文件、 自制视频播放器播放 FLV 视频文件，能综合应用上述技术制作产品展示界面。 ３. 能利用组件制作用户表单。 相关知识 一、 组件基础知识 １. 组件的概念 Flash 中的组件是带参数的影片剪辑，使用这些组件，即使对 ActionScript 没有深入的理解，用户也可以构建复杂的 Flash 应用程序。 用户只需将这些组件从 “组件” 面板拖到应用程序中即可为应用程序添加功能，另外还可以方便地修改组件的预设参数，从而满足自己的设计需求。 课题 ３　制作 UI 类特效 ２. 组件的分类 在 Flash 软件的菜单栏中，依次选择 “窗口” → “组件” 命令 (或使用快捷键 【Ctrl ＋ F7】 )，打开 “ 组件” 面板。 组件包括 Data、 Media、 User Interface 和 Video 四大类。 课题 ３　制作 UI 类特效 查看组件 (１) 数据 (Data) 组件 (２) 媒体 (Media) 组件 (３) 用户界面 (User Interface) 组件 (４) 视频 (Video) 组件 课题 ３　制作 UI 类特效 ３. 使用组件的基本方法 (１) 将所需组件 (如 TextInput ) 从 “组件” 面板中拖放到舞台上，创建该组件的实例。 (２) 单击舞台上的组件实例，打开 “属性” 面板，单击 “ 参数” 选项卡，为组件设置各项参数。 (３) 编写组件所需的动作脚本，实现特定的功能。 课题 ３　制作 UI 类特效 设置 TextInput 组件参数 二、 常用组件 １. Label 组件 Label 为文本标签组件，如 TextInput 组件左侧的 “姓名:” 标签。 当构建的应用程序基于组件时，使用 Label 组件替代普通文本字段就是一个好方法，可以使用样式维持一致的外观。 ２. TextInput 组件 TextInput 为单行文本组件。 ３. TextArea 组件 TextArea 为多行文本组件。 课题 ３　制作 UI 类特效 ４. RadioButton 组件 RadioButton 为单选按钮组件，让用户从一组选项中做出一个选择，如选择性别。 ５. CheckBox 组件 Che