第十一课制作按钮和菜单-Read.ppt

第十一课 制作按钮和菜单 本课要点 课前导读 课堂讲解 上机实战 习题及答案 本课要点 创建文字按钮 创建图形按钮 制作菜单 课前导读 基础知识 重点知识 提高知识 基础知识 按钮的含义和作用，读者应认真阅读并掌握。 重点知识 创建按钮、制作菜单，读者应仔细阅读相关部分，并结合上机实战熟练操作。 提高知识 为菜单添加语法。初学者可暂时不学，等有一定基础后再学。 课堂讲解 按钮概述 创建按钮 制作菜单 按钮概述 按钮是指通过鼠标单击就能产生信息的交互。按钮对3种事件作出响应：按钮静止、鼠标移到按钮上、鼠标单击按下按钮。这3种事件对应着按钮的4种状态：“Up”（按钮静止）、“鼠标经过”（鼠标移动到按钮上）、“Down”（用鼠标单击按钮）、“反应区”（定义鼠标经过哪个区域范围时，按钮有响应）。这4种状态定义了按钮的4个关键帧，时间轴中4个状态帧的含义如下： （1）Up：按钮的正常状态，该帧是空白帧，在该帧中可以创建按钮的正常状态。 （2）鼠标经过：表示鼠标移到按钮上的状态，在该帧上必须插入关键帧后才能创建鼠标移过按钮时的状态。该帧相对于“Up”帧应有所改变。如可以定义当鼠标移到按钮上时按钮变色、变亮或放大等。 （3） Down：表示按下按钮时的状态。在该帧上也必须插入关键帧后才能创建按下按钮的状态。如可以定义按钮被按下时比未被按下时小一些，出现动态效果。 （4）反应区：表示鼠标能单击到按钮的范围，该帧画面不能显示出来，只用来表示作用范围，也可以不对其进行设置。 创建按钮 创建文字按钮 创建图形按钮 为按钮添加文字 创建文字按钮 （1）按【Ctrl+F8】键，打开“创建新元件”对话框，在其中的“名称”文本框中输入元件名称“文字按钮”，选中“按钮”单选项。单击“确定”按钮关闭该对话框，如图所示。 （2）关闭“创建新元件”对话框后，自动进入按钮元件的编辑区，如图所示。 （3）定义按钮的“Up”帧。选中“文字按钮”的“Ｕp”帧，单击文字工具，在编辑区中输入文字“欢迎光临”，并将其设置为“华文隶书、40、红色、加粗、倾斜”。 （4）为文字添加阴影效果。用箭头工具框选编辑区里的文字对象，按【Ctrl+C】键，再按【Ctrl+V】键复制文字，将原来文字的颜色改为“黄色”，然后将复制的文字移动到原来的文字之上，得到如图所示的阴影效果。 （5）设置文字的“鼠标经过”帧。选中“鼠标经过”帧，按下【F6】键插入一关键帧，用箭头工具框选文字图形，然后选择[修改]?[转换]?[比例与旋转]菜单命令，打开“缩放与旋转”对话框。 （6）在“比例”文本框中输入“120%”，在“旋转”文本框中设置角度为0°，如图所示，单击“确定”按钮，使文字放大。 （7）设置文字按钮的“Down”帧，要求当按下文字按钮时，文字按钮的阴影消失且文字缩小。首先选中“Down”帧，并按下【F6】键插入关键帧。 （8）用箭头工具选中红色的文字图形，将它向下拖动，使红色文字覆盖黄色文字，去掉阴影，得到如图所示的效果。 （9）用箭头工具框选两个文字图形，选择[修改]?[转换]?[比例与旋转]菜单命令，打开“缩放与旋转”对话框，在其中的“比例”文本框中将“120”改为“80”，单击“确定”按钮结束操作。 （10）单击“场景1”回到场景中，按【F11】键打开库面板，在其中将“文字按钮”元件拖动到场景中。 （11）按【Ctrl+Enter】键测试效果，如图所示。 创建图形按钮 （1）按前面介绍的方法新建一个名为“图形按钮”的按钮元件。按钮元件编辑区包括“Up”、“鼠标经过”、“Down”及“反应区”4个帧。 （2）定义“Up”帧。选中“Up”帧，选择[文件]?[导入]命令，在打开的“导入”对话框中选择需要作为按钮的图形，单击“打开”按钮将图片导入到场景中。 （3）用自由变换工具将其按比例缩小到适合的大小，如图所示。 （4）定义“鼠标经过”帧，要求当鼠标移到按钮上时按钮周围出现光晕。选中“鼠标经过”帧，按下【F6】键插入一个关键帧。单击矩形工具，将其线条设为红色，线宽为5，在填充色列表中单击带红线的白色按钮，设置填充色为无，沿图片边框绘制一个与图片相同大小的空心矩形，如图所示。 （5）定义“Down”帧。用箭头工具框选矩形和图片，选择[修改]?[转换]?[比例与旋转]菜单命令，在打开的“缩放与旋转”对话框中将“比例”设置为“80%”，单击“确定”按钮即可。 （6）使反应区帧保持默认设置，单击“场景1”回到场景中，按【F11】键打开库面板，在其中将“文字按钮”元件拖动到场景中。 （7）按【Ctrl+Enter】键或选择[控制]?[启用简单按钮]菜单命令在场景中测试效