《第6章组件与行为-公开课件（设计）.pptVIP

3）设置4个选项卡中需要加载的影片剪辑。方法：在“属性”面板中单击“childSymbols” 后的 按钮，然后在弹出的“值”对话框中单击 按钮，创建“mc1”、“mc2”、“mc3”和“mc4”4个加载的影片剪辑，如图6-53所示，单击“确定”按钮。此时Accordion组件的“属性”面板如图6-54所示。 图6-53 创建需要加载的影片剪辑 图6-54 Accordion组件的“属性”面板 4）下面按〈Ctrl+Enter〉键，预览动画，即可看到单击不同的QQ 选项卡会显示相关选项卡中的不同头像的效果。 本例将制作通过单击不同的网站导航按钮跳转到相应网站的效果，如图6-55 所示。学习本例， 应掌握利用行为制作网站导航按钮的方法。 6.4 制作网站导航按钮 要点： 图6-55 网站导航按钮 操作步骤： 图6-56 展开buttons rounded文件夹 图6-58 对齐后效果 1）启动Flash CS6软件，新建一个Flash文件（ActionScript 2.0）。然后在“属性栏”中设置文档大小为400像素×100像素。 2）执行菜单中的“窗口|公共库|按钮”命令，调出按钮库面板。展开buttons rounded文件夹，如图6-56所示。选择rounded blue、rounded orange和rounded green 3个按钮拖入舞台， 并依次水平放置。然后利用“对齐”面板将它们进行水平居中分布对齐，如图6-57所示，效果如图6-58所示。 1. 创建按钮 图6-57 设置对齐参数 图6-59 选中文字 3）此时按钮中的文字为默认文字，下面将按钮中的文字更换为所需文字。方法：双击最左侧的按钮，进入按钮元件的编辑模式，然后解锁“text”层，利用工具箱中的 （文本工具）选中文字，如图6-59所示。接着重新输入文字“新浪”，如图6-60所示。 图6-60 输入文字“新浪” 4）此时文字看上去不是很清楚，这是因为文字具有锯齿的原因，下面去除文字中的锯齿。方法：选择文字，然后在“属性”面板中将“位图文本[无消除锯齿]”更改为“使用设备字体”，如图6-61所示，此时字体就显示正常了，效果如图6-62所示。 图6-61 选择“使用设备字体” 图6-62 正常显示的字体 5）同理将其余两个按钮中的文字替换为“搜狐”和“雅虎”，结果如图6-63所示。 图6-63 替换按钮中的文字 图6-64 选择“Web|转到 Web页”命令 1）执行菜单中的“窗口|行为”命令，调出“行为”面板。然后选择舞台中的“新浪” 按钮，单击行为面板左上方的 （添加行为）按钮，从弹出的快捷菜单中选择“Web|转到Web页”命令，如图6-64所示。接着在弹出的“转到URL”对话框中进行如图6-65所示的设置，单击“确定”按钮，此时“行为”面板如图6-66所示。 2. 利用“行为”面板创建按钮的链接 图6-65 设置参数 图6-66 设置后的“行为” 面板 2）同理，选择舞台中“搜狐”按钮，添加“转到Web页”行为，在弹出的“转到URL” 对话框中进行如图6-67所示的设置，单击“确定”按钮。 3）同理，选择舞台中“雅虎”按钮，添加“转到Web 页”行为，在弹出的“转到URL”对话框中进行如图6-68 所示的设置，单击“确定”按钮。 图6-67 设置“搜狐”按钮的链接参数 图6-68 设置“雅虎”按钮的链接参数 4）至此，整个网站导航按钮制作完毕。下面执行菜单中的“控制|测试影片|测试”（快捷键〈Ctrl+Enter〉）命令，打开播放器窗口，即可测试通过单击不同的网站导航按钮跳转到相应网站的效果。 本例将制作通过单击不同的声音按钮完成相应音乐控制的效果，如图6-69 所示。通过本例的学习，读者应掌握利用行为制作声音控制按钮的方法。 3.10 镜头的应用 要点： 图6-69 声音控制按钮 操作步骤： 图6-70 声音控制按钮 1 ）启动F l a s h C S 6 软件， 新建一个F l a s h 文件（ActionScript 2.0）。 2）改变文档大小。方法：执行菜单中的“修改|文档”（快捷键〈Ctrl+J〉）命令， 在弹出的“文档属性”对话框中设置“尺寸”为200像素×250像素，如图6-70示，然后单击