第4章课件按钮和菜单素材的设计与制作讲义.ppt

21世纪高等学校数字媒体专业规划教材 清华大学出版社 清华大学出版社 Flash多媒体课件制作教程 清华大学出版社 21世纪高等学校数字媒体专业规划教材 第4章 课件按钮和菜单素材的设计与制作 知识重点 学习任务 内容讲解 思考与练习 知识重点 1．了解Flash按钮元件构成； 2．掌握Flash按钮元件制作及按钮动作添加过程； 3．了解应用Flash按钮元件制作菜单过程； 4．学会应用Flash制作多媒体课件常用按钮与菜单。 学习任务 1．制作Flash按钮元件 2．添加按钮动作 3．模仿学习多媒体课件按钮和菜单素材制作实例 内容讲解 按钮是Flash动画中非常重要的元件类型，也是多媒体课件中应用广泛的一个构件，一般在课件和动画中起着控制动画播放、提供导航与链接、实现场景与帧之间跳转控制、实现交互等功能。 4.1 Flash按钮元件 4.1.1 认识Flash按钮元件 4.1.2 制作Flash按钮 4.1.1 认识Flash按钮元件 按钮的创建四种方法： 通过菜单新建 把场景或元件编辑区中现有非元件对象转换为按钮 其他元件类型转换得到 直接复制按钮元件 按钮的构成 由四个特殊的帧构成 4.1.1 认识Flash按钮元件 按钮的编辑 在场景或元件编辑区内编辑 主要有三种编辑方式： 编辑 在当前位置编辑 在新窗口编辑 4.1.1 认识Flash按钮元件 4.1.2 制作Flash按钮 按钮制作可以通过绘制、导入对象转换、现有按钮元件修改等方式实施 按钮编辑区前3帧决定按钮在相关操作下的显示状态，第4帧仅用于规定以按钮形式激活的区域，热区则关键在于第4帧“点击”的区域 按钮按照其在场景中的应用，可分为显形按钮和隐形按钮 4.1.2 制作Flash按钮 显形按钮制作 实质：针对鼠标在按钮上不同操作而需要显示不同的形态，在不同的形态帧中绘制或导入组成按钮的各种元素，形成动态按钮元件。 4.1.2 制作Flash按钮 隐形按钮制作 实质：主要是利用按钮元件中的第4帧——“点击”帧所确定的鼠标动作响应区域（热区）的“渲染影片后不可见”特性，通过该帧划定鼠标响应的热区，既能不因为按钮的出现影响画面布局，又能实现按钮的功能，可以达到显形按钮所不能起到的作用。 拖入场景编辑时，会以半透明的浅绿色区域显示其位置范围，该半透明区域可以应用“任意变形工具”调整大小和旋转一定角度，用“选择工具”可以调整其位置与需确定的热区吻合。 4.2 按钮动作的添加 按钮作为Flash控制动画、实现交互的主要元件，其触发按钮程序的事件主要是鼠标对其的操作，而实现其接受事件触发动作的程序就是ActionScript。 4.2 按钮动作的添加 两个ActionScript版本的文档： Flash文档（ActionScript3.0） Flash文档（ActionScript2.0） 4.2.1 应用ActionScript 2.0为按钮添加动作 4.2.2 应用ActionScript 3.0为按钮添加动作 4.2.1应用ActionScript 2.0为按钮添加动作 ActionScript2.0可以直接在按钮元件实例上添加动作。其动作脚本模式： on (事件名称){ 接收事件后触发动作执行的程序（语句） } 4.2.2应用ActionScript 3.0为按钮添加动作 对于事件的处理则通过addEventListener 移除的时候则使用removeEventListener 事件的处理由Event类来处理 按钮动作不再直接添加在按钮元件实例上，而是添加到帧，通过事件侦听器跟踪鼠标行动——对按钮的操作事件，依靠侦听器响应事件。 按钮事件脚本模式如： 按钮实例名称. addEventListener(MouseEvent.鼠标事件类别，事件); 在“按钮实例名称”这个按钮上加一个侦听鼠标点击的“事件”函数 function 事件名称(event:MouseEvent):void { 当鼠标点击时“事件名称”函数执行“动作命令”这个动作（命令） 动作命令 } 4.2.2应用ActionScript 3.0为按钮添加动作 4.3 多媒体课件按钮和菜单制作实例 思考与练习 1．应用工具箱中的“绘图工具”绘制静态按钮，结合影片剪辑元件制作动态按钮。 2．完成本章节中各实例，体会各知识点。 3．为一实验演示或自然现象模拟课件动画制作一组播放、停止、返回等控制按钮，实现对动画的控制。 4．应用按钮、ActionScript2.0或ActionScript 3.0制作以下的下拉式导航菜单练习。 21世纪高等学校数字媒体专业规划教材 清华大