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

1、21世纪高等学校数字媒体专业规划教材21世纪高等学校数字媒体专业规划教材清华大学出版社第4章 课件按钮和菜单素材的设计与制作v知识重点v学习任务v内容讲解v思考与练习21世纪高等学校数字媒体专业规划教材清华大学出版社知识重点1了解Flash按钮元件构成；2掌握Flash按钮元件制作及按钮动作添加过程；3了解应用Flash按钮元件制作菜单过程；4学会应用Flash制作多媒体课件常用按钮与菜单。21世纪高等学校数字媒体专业规划教材清华大学出版社学习任务1制作Flash按钮元件2添加按钮动作3模仿学习多媒体课件按钮和菜单素材制作实例21世纪高等学校数字媒体专业规划教材清华大学出版社内容讲解v按钮是F

2、lash动画中非常重要的元件类型，也是多媒体课件中应用广泛的一个构件，一般在课件和动画中起着控制动画播放、提供导航与链接、实现场景与帧之间跳转控制、实现交互等功能。21世纪高等学校数字媒体专业规划教材清华大学出版社4.1 Flash按钮元件4.1.1 认识Flash按钮元件4.1.2 制作Flash按钮21世纪高等学校数字媒体专业规划教材清华大学出版社4.1.1 认识Flash按钮元件 v按钮的创建四种方法：v通过菜单新建v把场景或元件编辑区中现有非元件对象转换为按钮v其他元件类型转换得到1.直接复制按钮元件21世纪高等学校数字媒体专业规划教材清华大学出版社v按钮的构成 由四个特殊的帧构成 4

3、.1.1 认识Flash按钮元件 21世纪高等学校数字媒体专业规划教材清华大学出版社v按钮的编辑v在场景或元件编辑区内编辑v主要有三种编辑方式：v编辑v在当前位置编辑1.在新窗口编辑 4.1.1 认识Flash按钮元件 21世纪高等学校数字媒体专业规划教材清华大学出版社4.1.2 制作Flash按钮 v按钮制作可以通过绘制、导入对象转换、现有按钮元件修改等方式实施 v按钮编辑区前3帧决定按钮在相关操作下的显示状态，第4帧仅用于规定以按钮形式激活的区域，热区则关键在于第4帧“点击”的区域 v按钮按照其在场景中的应用，可分为显形按钮和隐形按钮 21世纪高等学校数字媒体专业规划教材清华大学出版社4.

4、1.2 制作Flash按钮v显形按钮制作 v实质：针对鼠标在按钮上不同操作而需要显示不同的形态，在不同的形态帧中绘制或导入组成按钮的各种元素，形成动态按钮元件。 21世纪高等学校数字媒体专业规划教材清华大学出版社4.1.2 制作Flash按钮v隐形按钮制作 v实质：主要是利用按钮元件中的第4帧“点击”帧所确定的鼠标动作响应区域（热区）的“渲染影片后不可见”特性，通过该帧划定鼠标响应的热区，既能不因为按钮的出现影响画面布局，又能实现按钮的功能，可以达到显形按钮所不能起到的作用。v拖入场景编辑时，会以半透明的浅绿色区域显示其位置范围，该半透明区域可以应用“任意变形工具”调整大小和旋转一定角度，用“

5、选择工具”可以调整其位置与需确定的热区吻合。 21世纪高等学校数字媒体专业规划教材清华大学出版社4.2 按钮动作的添加v按钮作为Flash控制动画、实现交互的主要元件，其触发按钮程序的事件主要是鼠标对其的操作，而实现其接受事件触发动作的程序就是ActionScript。21世纪高等学校数字媒体专业规划教材清华大学出版社4.2 按钮动作的添加v两个ActionScript版本的文档：vFlash文档（ActionScript3.0）vFlash文档（ActionScript2.0）4.2.1 应用ActionScript 2.0为按钮添加动作4.2.2 应用ActionScript 3.0为按钮

6、添加动作21世纪高等学校数字媒体专业规划教材清华大学出版社4.2.1应用ActionScript 2.0为按钮添加动作 vActionScript2.0可以直接在按钮元件实例上添加动作。其动作脚本模式：on (事件名称事件名称) 接收事件后触发动作执行的程序（语句）接收事件后触发动作执行的程序（语句）21世纪高等学校数字媒体专业规划教材清华大学出版社4.2.2应用ActionScript 3.0为按钮添加动作 v对于事件的处理则通过addEventListenerv移除的时候则使用removeEventListenerv事件的处理由Event类来处理v按钮动作不再直接添加在按钮元件实例上，而是

7、添加到帧，通过事件侦听器跟踪鼠标行动对按钮的操作事件，依靠侦听器响应事件。 21世纪高等学校数字媒体专业规划教材清华大学出版社v按钮事件脚本模式如：按钮实例名称按钮实例名称. addEventListener(MouseEvent.鼠标事件类鼠标事件类别，事件别，事件); 在“按钮实例名称”这个按钮上加一个侦听鼠标点击的“事件”函数function 事件名称事件名称(event:MouseEvent):void 当鼠标点击时“事件名称”函数执行“动作命令”这个动作（命令）动作命令动作命令4.2.2应用ActionScript 3.0为按钮添加动作 21世纪高等学校数字媒体专业规划教材清华大学出版社4.3 多媒体课件按钮和菜单制作实例 21世纪高等学校数字媒体专业规划教材清华大学出版社思考与练习 v 1应用工具箱中的“绘图工具”绘制静态按钮，结合影片剪辑元件制作动态按钮。v2完成