《《多媒体课件制作实例教程》（葛伟版）全套PPT电子课件教案-第6章 多媒体课件中人机交互的实现》由会员分享，可在线阅读，更多相关《《多媒体课件制作实例教程》（葛伟版）全套PPT电子课件教案-第6章 多媒体课件中人机交互的实现（158页珍藏版）》请在金锄头文库上搜索。
1、第6章 多媒体课件中人机交互的实现 第6章 多媒体课件中人机交互的实现 6.1 按钮的使用与制作 6.2 课件交互的实例 第6章 多媒体课件中人机交互的实现 6.1 按钮的使用与制作实例一 使用按钮响应 “常识测试”Authorware除了提供Windows标准按钮类型外，还提供了自定义按钮的功能。利用这一功能，开发人员可以创造漂亮、别致、新颖的按钮，还可以制作动态按钮，美化课件。创建自定义按钮的操作步骤为：第6章 多媒体课件中人机交互的实现 (1) 新建一个文件，命名为“常识测试”。向流程线上拖放一个“显示”图标，将其命名为 “题目”。在背景图标中引入背景图片。双击“选择题”图标，使之处于编
2、辑状态，利用文字工具输入题目内容“鲁迅的原名叫做什么？”，然后利用以前讲过的办法使之显得美观一些，如图6.1所示。 (2) 拖动一个“交互”图标到流程线上，将其命名为“回答”。再拖动三个“显示”图标到“交互”图标的右下角释放，在弹出的响应类型对话框里选择“按钮”响应类型。分别给这三个按钮命名为“周树人”、“周作人”和“周润发”，如图6.2所示。第6章 多媒体课件中人机交互的实现 图6.1 “题目”的内容 第6章 多媒体课件中人机交互的实现 图6.2 设计窗口第6章 多媒体课件中人机交互的实现 (3) 双击交互图标，打开编辑窗口。在显示窗口上调整好三个按钮的位置，如图6.3所示。第6章 多媒体课
3、件中人机交互的实现 图6.3 交互图标显示内容第6章 多媒体课件中人机交互的实现 (4) 分别在相应的“显示”图标里输入“正确”、“错误”和“错误”的显示内容。读者需要注意的是，需要在三个图标的属性对话框中选中“擦除以前内容”选项。(5) 运行程序，如图6.4、图6.5和图6.6所示，依次为选第一项、第二项和第三项时的效果。第6章 多媒体课件中人机交互的实现 图6.4 答案正确时的显示第6章 多媒体课件中人机交互的实现 图6.5 答案错误时的显示第6章 多媒体课件中人机交互的实现 图6.6 答案离谱时的显示第6章 多媒体课件中人机交互的实现 实例二 将“常识测试”中的按钮修改和美化接下来可以通
4、过修改按钮的属性，美化按钮的显示效果。(1) 延续上例。双击标志按钮响应的小图标，系统在弹出演示窗口的同时，弹出按钮响应的属性对话框 ，如图6.7所示。第6章 多媒体课件中人机交互的实现 图6.7 按钮响应属性对话框第6章 多媒体课件中人机交互的实现 在“交互”图标中直接双击演示窗口中的按钮也将弹出该对话框。读者可以看到，按钮的大小和位置可以通过手动输入不同的值来改变，这样可以非常方便地统一和定 位多个按钮。需要注意的是，X、Y的值必须是正值，输入负值后系统会自动判断并弹出一个报错对话框要求重新输入，如果这两个值过大，超过了显示窗口，则系统直接将按钮显示在窗口之外，在窗口上就看不到按钮了。第6
5、章 多媒体课件中人机交互的实现 “标签”是指按钮的标题，改变它后，对话框左上角的预览按钮和上方的标题都会相应地改变。 “快捷键”栏用来设置该按钮的等效热键。当开发人员设置好等效热键后，使用该热键和用鼠标单击该按钮产生的效果相同。设置热键的具体按键可以是数字键、字母键或功能键以及各种组合键。要设置某个按键作为热键，只要直接在输入框中输入该按键的名称即可。第6章 多媒体课件中人机交互的实现 “选项”栏有两个复选项：“默认按钮”：如果选中此项，表示该按钮为系统默认的按钮，按下回车键与单击此按钮会有同样的效果，默认的按钮在外观上与其他按钮有些不同，其四周有一个黑色的边框。“非激活状态下隐藏”：选中此项
6、时，如果该按钮处于无效状态，则该按钮在显示窗口上自动消失，被隐藏起来，当按钮又变得可用时，按钮又会自动显示出来。如果不选此项，则按钮在不可用时，会变成灰色。第6章 多媒体课件中人机交互的实现 (2) 单击“鼠标指针”栏右侧的按钮，在弹出的对话框中改变当鼠标移动到按钮的上方时鼠标的形状，这不但能使作品更加美观，而且可以提醒用户该按钮的可 使用性，如图6.8所示。在图6.8中，可以选择读者自己所喜欢的鼠标指针样式，如果对这些鼠标形状都不满意，还可以按下按钮 来导入所需的鼠标指针样式。如果是用户自定义的鼠标类型，则还可以删除和修改。(3) 单击图6.7属性对话框的左侧的按钮 ，弹出如图6.9所示对话
7、框。第6章 多媒体课件中人机交互的实现 图6.8 鼠标指针类型选择 第6章 多媒体课件中人机交互的实现 图6.9 选择按钮对话框第6章 多媒体课件中人机交互的实现 读者可以看到对话框里列出了很多按钮的类型，该对话框有两列，左边部分是按钮的预览区域，包括按钮的标题；右边部分是对相应按钮属性的描述。此处列出的按钮是系统提供的标准按钮或用户自定制的按钮，用户可以根据需要选择不同的按钮，以使多媒体程序更加生动活泼。第6章 多媒体课件中人机交互的实现 “系统按钮”栏后面有两个下拉列表，分别用来设置按钮上标题的字体和字号，需要注意的是，在修改了字号之后，按钮不能自动改变大小来适应字的大小，用户必须手动修改
8、。本例接下来将添加一个自制按钮。(4) 单击图6.9选择按钮对话框中的 按钮，弹出如图6.10所示的窗口。第6章 多媒体课件中人机交互的实现 图6.10 按钮编辑窗口第6章 多媒体课件中人机交互的实现 一个完整的按钮通常包括四个部分：状态、外形、标题和声音。状态表征显示按钮是否被按下及鼠标是否在按钮上停留；外形是按钮的形状；标题是按钮上的文字；声音是按钮的状态改变所发出的不同声音效果。读者可以看到按钮编辑窗口的左上方为状态区域，用以设置按钮的状态，共有8个状态，如图6.10所示。第6章 多媒体课件中人机交互的实现 (5) 选中状态栏中的第一种，按下“图案”栏右侧的 按钮，导入一幅用作按钮的图片
9、，如图6.11所示，此时图案栏的下拉列表中多了一个“使用导入图”选项。第6章 多媒体课件中人机交互的实现 图6.11 导入图案第6章 多媒体课件中人机交互的实现 (6) 用同样的方法，对第一列的其他3个按钮状态都使用导入图，如图6.12所示。而对于第二列的按钮状态的图案，都选与左侧相应项相同即可。第6章 多媒体课件中人机交互的实现 图6.12 导入图案(1)第6章 多媒体课件中人机交互的实现 图6.12 导入图案(2)第6章 多媒体课件中人机交互的实现 图6.12 导入图案(3)第6章 多媒体课件中人机交互的实现 (7) 单击“声音”栏右侧的 按钮，导入一个WAV文件作为按钮音效，如图6.13
10、所示。(8) 在“按钮描述”栏中写上“自制按钮1”的描述信息，并在“标签”栏中选择“使用标签”。单击 按钮，读者就会看到按钮选择对话框里增加了一个自制的按钮，左边是外形预览，右边是按钮的描述信息， 如图6.14所示。第6章 多媒体课件中人机交互的实现 图6.13 导入音效文件 第6章 多媒体课件中人机交互的实现 图6.14 按钮选择窗口第6章 多媒体课件中人机交互的实现 (9) 回到按钮响应属性对话框中，选择一个鼠标指针，如图6.15所示。第6章 多媒体课件中人机交互的实现 图6.15 选择鼠标指针第6章 多媒体课件中人机交互的实现 (10) 运行程序，在自然状态下，按钮为图6.16的样子。当
11、鼠标移动到按钮的上方时，鼠标的形状变成了小手，按钮图片变成另一种式样，同时发出音效， 如图6.17所示。按下鼠标时，又变成图6.18的样子了。第6章 多媒体课件中人机交互的实现 图6.16 自然状态 第6章 多媒体课件中人机交互的实现 图6.17 鼠标移到上方时 第6章 多媒体课件中人机交互的实现 图6.18 按下鼠标时第6章 多媒体课件中人机交互的实现 6.2 课件交互的实例除了上面讲的按钮交互与响应，Authorware还提供了其他多种交互方式，本节将通过一系列实例，向读者讲解不同交互方式在课件制作中的应用。第6章 多媒体课件中人机交互的实现 实例一 制作欢迎界面热区域响应所谓热区域，是指
12、在显示窗口中，经过用户定义，可以响应如鼠标单击等操作的一块矩形区域。当鼠标移到这一块区域时，将会触发某一事件，这就是热区域响应。在平常的软件使用中，用户常常会用到热区域响应。比如软件中的工具栏、图标栏、工具箱等结构，当用户将鼠标移至这些工具的上方或稍作停留时，在鼠标的下面就会出现该工具的名称。热区域响应功能方便、实用，可以为用户提供快捷的帮助。第6章 多媒体课件中人机交互的实现 与按钮响应类型相比，热区域响应更容易与背景风格协调，因而应用更加广泛。不过不同的响应类型特点各异，各有所长，只有灵活运用，才能做出理想的多媒体课件。 本实例延续上节中的实例二，制作一个欢迎界面。 (1) 按住Ctrl键
13、双击图6.2中的“题目”显示图标，在属性对话框里选中“擦除以前内容”复选项。然后再把所有图标做成一个群组，群组的方法在第4章已讲过，这里不再详细介绍过程。群组完成后，将此群组图标命 名为“题目”。第6章 多媒体课件中人机交互的实现 (2) 创建界面。将一个“显示”图标拖放到流程线上“题目”显示图标的上方，命名为“背景”，双击该图标并导入一张背景图片，如图6.19所示。第6章 多媒体课件中人机交互的实现 图6.19 背景图片第6章 多媒体课件中人机交互的实现 (3) 拖放一个显示图标到“背景”图标下，命名为“文字”，打开该图标并在适当位置输入“欢迎来到常识测试”和“进入”、“退出”的字样，将叠放
14、方式设为透明，效果如图6.20所示。(4) 拖动“交互”图标到“文字”显示图标下，将其命名为“应答”，同时将“题目”群组图标放置到“交互”图标的右侧。在弹出的“响应类型”对话框中，选择“热区域”，单击 按钮，如图6.21所示。第6章 多媒体课件中人机交互的实现 图6.20 文字输入内容 第6章 多媒体课件中人机交互的实现 图6.21 设计流程线第6章 多媒体课件中人机交互的实现 (5) 双击代表交互类型的小方块，弹出响应属性对话框，如图6.22所示。第6章 多媒体课件中人机交互的实现 图6.22 响应属性对话框第6章 多媒体课件中人机交互的实现 “热区域”的大小和位置可以通过手动输入数值来确定
15、或改变，也可以直接在“交互”图标显示窗口上更改。在弹出窗口的同时，创作窗口中出现带有8个调整方块的白色虚线方框，这就是热区域，用鼠标按住它 并拖动可改变热区域位置，调整热区域使之覆盖“进入”文字区域，如图6.23所示。在“匹配”栏里，选择“单击”，并选中“匹配时加亮”复选框，然后选择“小手”鼠标指针。第6章 多媒体课件中人机交互的实现 图6.23 调整热区域位置 第6章 多媒体课件中人机交互的实现 (6) 在“欢迎”图标的右侧放入一个“计算”图标，命名为“再见”，如图6.24所示。图6.24 设计流程线第6章 多媒体课件中人机交互的实现 (7) 双击“再见”图标，打开程序编辑器，输入“Quit
16、()”。(8) 双击“再见”上面的小方块，按照第5步的方法设置热区域响应的位置和大小，使之覆盖“退出”字样，如图6.25所示。设计完毕，读者可以运行程序观察执行效果。第6章 多媒体课件中人机交互的实现 图6.25 设置热区域第6章 多媒体课件中人机交互的实现 实例二 热对象响应“NBA球队介绍”在熟悉了热区域响应类型后，读者会发现，热区域只能定义为一个矩形区域，如果开发人员需要定义一个不规则的区域为响应区域，热区域响应类型就无能为力了。下面通过实例来介绍热对象响应，其可以解决上述问题。热对象响应和热区域响应类似，它们的响应方式也几乎相同。因此，有了前面制作热区域响应的经验作铺垫，本例的学习可谓轻而易举。第6章 多媒体课件中人机交
