第2课 热区交互实例——认识多媒体电脑硬件的组成

第4章  课件的交互

演示型的课件在一定程度上能吸引学生的注意力，激发学生学习的兴趣，但时间长了，由于学生只能被动地接受演示内容，而不能主动参与人机交互，往往多媒体课件会失去它应有的魅力。幸好Authorware提供了强大的交互功能，在课件中加入交互，能使制作出的课件功能更加强大，充分体现人机交互的优势，让学生有选择地进行主动学习。 网管bitscn_com

4.3热区域交互响应

热区交互是用户通过单击、双击或移动到展示窗口中任意一个矩形区域而产生交互响应的交互类型。同建立按钮交互响应一样，只要在建立交互时从弹出的【交互类型】对话框中单击【热区域】单选按钮即可建立热区域交互，如图4-23。 中国网管论坛bbs.bitsCN.com

网管bitscn_com

图4-23热区域交互 网管联盟bitsCN@com

4.3.2热区交互实例——认识多媒体电脑硬件的组成

本小节制作一个简单的热区交互应用的例子。该实例的流程图如图4-28，执行效果如图4-29。本书配套光盘上提供了这个实例的源文件（文件路径：配套光盘\part4\4.3\4-3.a7p）。

图4-28“认识电脑”程序流程图

网管u家u.bitscn@com

图4-29“认识电脑”程序执行效果

制作步骤：

(1)新建一个文件，选择【文件】|【保存】菜单命令将新建的文档进行保存。

中国网管联盟bitsCN.com

(2)拖一个显示图标到流程线上，重命名为【电脑图片】。双击【电脑图片】显示图标，选择【文件】|【导入和导出】|【导入媒体】菜单命令或者单击工具栏上的【导入】按钮，弹出【导入哪个文件？】对话框，如图4-30，选择准备好的电脑图片（文件路径：配套光盘\part4\4.3\computer.jpg），单击【导入】按钮即可将图片导入到设计窗口。

网管论坛bbs_bitsCN_com

中国网管论坛bbs.bitsCN.com

图4-30【导入哪个文件？】对话框

网管联盟bitsCN_com

提示：【导入哪个文件？】对话框中，选中底部的【链接到文件】复选项，则图片以外部链接的方式插入到程序，否则将把图片以内部存储的方式导入到显示图标；选中【显示预览】复选项，则在对话框右侧预览选中的图片。

网管下载dl.bitscn.com

(3)拖一个交互图标到【电脑图片】显示图标下面的流程线上，重命名为【认识电脑】。

网管联盟bitsCN_com

(4)拖一个群组图标到【认识电脑】交互图标右侧，弹出【交互类型】对话框，单击【热区域】单选按钮建立一个热区域交互分支，并将交互分支下的群组图标命名为【显示器】。

网管u家u.bitscn@com

(5)单击热区交互标志，调出交互属性面板，单击【热区域】面板项，单击【鼠标】属性右侧的按钮，弹出【鼠标指针】对话框，选定手型鼠标指针，单击【确定】按钮完成鼠标指针设置。 中国网管联盟bitsCN.com

(6)继续拖动7个群组图标到【认识电脑】交互结构中【显示器】群组图标右侧，分别重命名为【主机】、【键盘】、【鼠标】、【音箱1】、【音箱2】、【麦克风】、【继续】。这些图标将自动继承前一个交互分支的交互类型和交互属性。

(7)单击最后一个【继续】交互分支的交互标志调出交互属性面板，从【类型】下拉列表框中选择“按钮”选项，将其交互类型改为按钮交互。 中国网管联盟bitsCN.com

(8)单击【响应】面板项，单击【分支】下拉列表框，选择其中的“退出交互”选项。 网管联盟bitsCN_com

(9)按住Shift键并双击【认识电脑】交互图标，弹出【认识电脑】交互图标设计窗口。在设计窗口中对【热区域】响应范围的大小和位置进行适当地调整，并在窗口左上角输入“用鼠标单击电脑的各部分查看其名称。”文本内容，如图4-31。

图4-31【认识电脑】交互图标设计窗口 网管论坛bbs_bitsCN_com