扩展案例——制作游戏界面
【案例学习目标】使用声音文件为按钮
添加音效。
【案例知识要点】使用“新建元件”命
令，制作图形元件和按钮元件；使用“属性”
面板，调整实例的颜色；使用“导入到库”命
令，导入素材文件，效果如图 1 所示。
【效果所在位置】云盘/Ch09/效果/制
作游戏界面. fla。
图 1
（1）在欢迎页的“详细信息”选项组
中，将“宽”选项设为 1334，“高”选项设
为 750，“平台类型”选项的下拉列表中选
择“ActionScript ”选项，单击“创建”
按钮，完成文档的创建。
（2）选择“文件 > 导入 > 导入到库”命
令，在弹出的“导入到库”对话框中，选择
云盘中的“Ch09 > 素材 > 制作游戏界面 > 01
~ 04”文件，单击“打开”按钮，文件被导
入到“库”面板中，如图 2 所示。
（3）按 Ctrl+F8 组合键，弹出“创建新元
件”对话框，在“名称”选项的文本框中输
入“播放”，在“类型”选项下拉列表中选
择“图形”选项，单击“确定”按钮，新建
图形元件“播放”，如图 3 所示。
图 2
图 3
（4）舞台窗口也随之转换为图形元件的
舞台窗口。将“库”面板中的位图“02”拖
曳到舞台窗口中，并放置在适当的位置，如
图 4 所示。
图 4
（5）用相同的方法将位图“03”，制作成
图形元件“设置”，如图 5 所示。
图 5
（6）按 Ctrl+F8 组合键，弹出“创建新元
件”对话框，在“名称”选项的文本框中输
入“播放按钮”，在“类型”选项下拉列表
中选择“按钮”选项，单击“确定”按钮，
新建按钮元件“播放按钮”，如图 6 所示。
图 6
（7）舞台窗口也随之转换为按钮元件的
舞台窗口。将“库”面板中的图形元件“播
放”拖曳到舞台窗口中，并放置在适当的位
置，如图 7 所示。
图 7
（8）选中“图层_1”的“指针经过”
帧，按 F6 键，插入关键帧。选择“选择”
工具 ，在舞台窗口中选中“播放”实例，
在图形“属性”面板中，选择“色彩效果”
选项组，在“样式”选项下拉列表中选择
“高级”选项，选项的设置如图 8 所示，舞
台窗口中的效果如图 9 所示。
图 8
图 9
（9）在“时间轴”面板中创建新图层
“图层_2”。选中“图层_2”的“指针经
过”帧，按 F6 键，插入关键帧。将“库”
面板中的声音文件“04”拖曳到舞台窗口
中，“时间轴”面板如图 10 所示。
图 10
（10）按 Ctrl+F8 组合键，弹出“创建新元
件”对话框，在“名称”选项的文本框中输入
“设置按钮”，在“类型”选项下拉列表中选
择“按钮”选项，单击“确定”按钮，新建按
钮元件“设置按钮”，如图 11 所示。
图 11
（11）舞台窗口也随之转换为按钮元件的
舞台窗口。将“库”面板中的图形元件“设
置”拖曳到舞台窗口中，并放置在适当的位
置，如图 12 所示。
图 12
（12）选中“图层_1”的“指针经过”
帧，按 F6 键，插入关键帧。在舞台窗口中
选中“设置”实例，在图形“属性”面板
中，选择“色彩效果”选项组，在“样式”
选项下拉列表中选择“高级”选项，选项的
设置如图 13 所示。
图 13
（13）在“时间轴”面板中创建新图层“图
层_2”。选中“图层_2”的“指针经过”帧，
按 F6 键，插入关键帧。将“库”面板中的声
音文件“04”拖曳到舞台窗口中。
（14）单击舞台窗口左上方的“场景 1”
图标 ，进入“场景 1”的舞台窗口。
将“图层_1”重命名为“底图”。将“库”
面板中的位图“01”拖曳到舞台窗口的中心
位置，如图 14 所示。
图 14
（15）在“时间轴”面板中创建新图层并
将其命名为“按钮”。分别将“库”面板中
的按钮元件“播放按钮”和“设置按钮”拖
曳到舞台窗口中，并放置在适当的位置，如
图 15 所示。游戏界面制作完成，按
Ctrl+Enter 组合键即可查看效果。
图 15
