Flash动画制作大学教程- 第11章 按钮.ppt

1、第11章 按钮,按钮是非常重要的元件类型。 在学习元件与实例的时候，已经概要地认识了按钮。 在本章中，将深入地学习这种元件的特性和使用方法。 按钮的特点就是在动画制作好以后，可以接受观看者的控制，从而实现观看者与Flash动画的交互。 因此，在很程度上，Flash动画和普通视频的区别就在于它具有交互性。,11.1认识按钮元件,选择菜单栏中的“窗口公用库按钮”命令，打开“库按钮”面板（在Flash中可以同时打开多个库）。 单击面板右侧的“宽库视图”图标和“窄库视图”图标，可以在宽、窄两种视图之间切换，如图11.1所示。,图11.1“库按钮”面板的宽、窄两种视图,图11.2文件夹中的一系列按钮,图

2、11.3创建按钮元件实例,图11.4在播放器中的效果,11.2制 作 按 钮,要制作一个交互式按钮，可把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。 要注意，必须将动作指定给文档中按钮的实例，而不是指定给按钮的时间轴中的帧。,11.2.1按钮的本质,按钮实际上是4帧的交互影片剪辑。 当为元件选择按钮行为时，Flash会创建一个4帧的时间轴，如图11.5所示。 前3帧显示按钮的3种可能状态；第4帧定义按钮的活动区域。 时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。,图11.5按钮的4种状态,按钮元件的时间轴上的每一帧都有一个特定的功能。 第1帧是“弹起”状态，代表

3、鼠标指针没有经过按钮时该按钮的状态。 第2帧是“指针经过”状态，代表当鼠标指针滑过按钮时，该按钮的外观。 第3帧是“按下”状态，代表单击按钮时，该按钮的外观。 第4帧是“点击”状态，定义响应鼠标单击的区域。此区域在SWF文件中是不可见的。,图11.6设定元件名称及类型,11.2.2创建按钮,图11.7按钮编辑模式,图11.8制作弹起时按钮外观,图11.9制作指针经过的按钮外观,图11.10制作按下时的按钮外观,图11.11通过拖曳创建按钮的实例,图11.12普通状态下的按钮,图11.13将鼠标指针移动到按钮上的效果,11.2.3测试按钮,测试按钮的方法有以下3种。 方法一：选择“控制启用简单按

4、钮”命令。 将鼠标指针滑过已启用的按钮，对它进行测试。 方法二：在“库”面板中选择该按钮，然后在库预览窗口内单击“播放”按钮。 方法三：选择“控制测试场景”命令或“控制测试影片”命令在播放器中测试按钮。,11.3按钮的使用,图11.14测试按钮效果,图11.15绘制“文件夹1”元件图形,11.3.1实践与练习：文件夹按钮,图11.16绘制“文件夹2”元件图形,图11.17“创建新元件”对话框,图11.18按钮元件编辑模式,图11.19“弹起”帧上的对象,图11.20在“指针经过”帧上插入关键帧,图11.21“指针经过”帧上的对象,图11.22“库”面板,图11.23按钮元件实例,图11.24测

5、试按钮效果,图11.25按钮对鼠标指针的反应,11.3.2实践与练习：按钮控制,本例通过设置按钮热区，实现按下一个按钮时，另一个按钮响应的效果。 制作的关键点是将一个按钮的热区绘制在另一个按钮上。 影片的效果如图11.26所示。,图11.26按钮控制,图11.27绘制图形,图11.28图层顺序,图11.29按钮图标实例,图11.30移动复制实例,图11.31移动复制实例,图11.32将图形元件实例转换为按钮元件,图11.33选中实例“1”时的“属性”面板,图11.34“库”面板,图11.35按钮元件时间轴,图11.36“按下”帧的实例颜色,图11.37“点击”帧上绘制热区,图11.38按钮“2

6、”的“按下”帧上的颜色,图11.39按钮“2”的热区,图11.40按钮“3”的“按下”帧上的颜色,图11.41按钮“3”的热区,图11.42测试影片,图11.43按钮控制光盘进出,11.3.3实践与练习：按钮控制光盘进出,图11.44第20帧上舞台中的对象,图11.45“转换为元件”对话框,图11.46“库”面板,图11.47“弹起”帧上的图形,图11.48“指针经过”帧上的图形,图11.49新建按钮图层,图11.50将图层中的所有帧右移1帧,图11.51第1帧成空帧,图11.52插入空关键帧,图11.53将图层延伸到72帧,图11.54“动作”面板,图11.55动作函数选项,图11.56脚本编辑区,图11.57第1帧上有脚本标记,图11.58第36帧上有脚本标记,图