第5章多媒体教学软件的交互功能设计

1、学习目标学习目标1. 1. 了解多媒体教学软件中交互的概念与作用了解多媒体教学软件中交互的概念与作用 2. 2. 熟悉多媒体教学软件中常用的人机交互方式熟悉多媒体教学软件中常用的人机交互方式 3. 3. 熟悉熟悉AuthorwareAuthorware软件中提供软件中提供1111种交互控制的功能与属性种交互控制的功能与属性 4. 4. 掌握应用掌握应用AhthorwareAhthorware软件设计交互控制的一般方法软件设计交互控制的一般方法 5. 5. 掌握多媒体教学软件交互控制的设计技巧掌握多媒体教学软件交互控制的设计技巧 第第5 5章章 多媒体教学软件的交互功能设计多媒体教学软件的交互功

2、能设计 5.1.1 5.1.1 交互功能在教学软件中的作用交互功能在教学软件中的作用 第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 1. 1. 人机交互与多媒体人机交互技术人机交互与多媒体人机交互技术 人机交互（人机交互（HCIHCI，即即Human Computer InteractionHuman Computer Interaction），），是研究是研究人与计算机之间交互关系的科学。人与计算机之间交互关系的科学。 多媒体人机交互技术是多媒体技术和人机交互技术的结合，信多媒体人机交互技术是多媒体技术和人机交互技术的结合，信息表示的

3、多样化和如何通过多种输入输出设备与计算机进行交互是息表示的多样化和如何通过多种输入输出设备与计算机进行交互是多媒体人机交互技术的重要内容。多媒体人机交互技术的重要内容。 多媒体人机交互是基于视线跟踪、语音识别、手势输入、感觉多媒体人机交互是基于视线跟踪、语音识别、手势输入、感觉反馈等新的交互技术。反馈等新的交互技术。 5.1.1 5.1.1 交互功能在教学软件中的作用交互功能在教学软件中的作用 第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 2. 2. 交互功能在多媒体教学软件开发中的地位和作用交互功能在多媒体教学软件开发中的地位和作用

4、在多媒体教学软件中，通过音频（在多媒体教学软件中，通过音频（AudioAudio）、）、文本（文本（TextText）、）、图像（图像（ImageImage）、）、动画（动画（AnimationAnimation）、）、视频（视频（VideoVideo）等多种媒体等多种媒体产生丰富多彩的人机交互方式，对于教学过程的优化具有重要意义。产生丰富多彩的人机交互方式，对于教学过程的优化具有重要意义。它能够有效地激发学生的学习兴趣，从而形成积极的学习动机，启它能够有效地激发学生的学习兴趣，从而形成积极的学习动机，启发学生思维。多媒体计算机不仅成为教学的重要手段和方法，而且发学生思维。多媒体计算机不仅成为

5、教学的重要手段和方法，而且成为改变传统教学模式乃至整个教学思想的重要动力。成为改变传统教学模式乃至整个教学思想的重要动力。 5.1.1 5.1.1 交互功能在教学软件中的作用交互功能在教学软件中的作用 第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 3.3.教学软件中交互功能的种类教学软件中交互功能的种类 （1 1）按照交互事件触发的方式划分）按照交互事件触发的方式划分 响应键盘输入的交互响应键盘输入的交互a. a. 以单键敲击为触发方式的交互以单键敲击为触发方式的交互b. b. 以内容输入为触发方式的交互以内容输入为触发方式的交互 响应

6、鼠标操作的交互响应鼠标操作的交互a. a. 以鼠标点击为触发方式的交互以鼠标点击为触发方式的交互b. b. 以鼠标（光标）位置变化为触发方式的交互以鼠标（光标）位置变化为触发方式的交互c. c. 以鼠标拖拽为触发方式的交互以鼠标拖拽为触发方式的交互5.1.1 5.1.1 交互功能在教学软件中的作用交互功能在教学软件中的作用 第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 以某一条件的满足为触发方式的交互以某一条件的满足为触发方式的交互 响应其他外接设备输入的交互响应其他外接设备输入的交互 （2 2）按照交互完成的任务划分）按照交互完成的任

7、务划分 完成导航任务的交互完成导航任务的交互 完成教学信息传达任务的交互完成教学信息传达任务的交互 完成测试与训练任务的交互完成测试与训练任务的交互 （3 3）按照用户角色（以谁为中心）的原则划分）按照用户角色（以谁为中心）的原则划分 以计算机（软件、设计者、教育者）为中心的交互设计以计算机（软件、设计者、教育者）为中心的交互设计 以用户（学习者）为中心的交互设计以用户（学习者）为中心的交互设计5.1.2 5.1.2 群组图标的概念群组图标的概念 第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 将两个或以两个以上逻辑关联的设计图标组合为一

8、个新的设计将两个或以两个以上逻辑关联的设计图标组合为一个新的设计图标，而被组合设计图标的原有属性及其相互之间的逻辑结构不改图标，而被组合设计图标的原有属性及其相互之间的逻辑结构不改变，我们称这个新的设计图标为变，我们称这个新的设计图标为 Map(Map(群组群组) )设计图标，简称为群设计图标，简称为群组图标。组图标。 1 1群组图标的功能群组图标的功能 群组图标把一组逻辑上相关联的设计图标集合为一个组，这样群组图标把一组逻辑上相关联的设计图标集合为一个组，这样避免了因为设计图标增多所带来的大量占用设计窗口有限空间的困避免了因为设计图标增多所带来的大量占用设计窗口有限空间的困难现象，并且使程序

9、设计实现了结构化、模块化，从而使程序结构难现象，并且使程序设计实现了结构化、模块化，从而使程序结构更加清晰，可读性增强，进一步方便了程序的编辑制作。更加清晰，可读性增强，进一步方便了程序的编辑制作。 5.1.2 5.1.2 群组图标的概念群组图标的概念第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 2 2群组图标的使用方法群组图标的使用方法 （1 1）创建群组图标）创建群组图标 在流程线上创建一个群组图标有两种方法：在流程线上创建一个群组图标有两种方法： 从设计图标面板中拖曳一个群组图标到程序流程线上。从设计图标面板中拖曳一个群组图标到程

10、序流程线上。 选择流程线上相邻的若干设计图标，然后使用选择流程线上相邻的若干设计图标，然后使用Group (Group (群组群组) )菜菜单命令。单命令。 （2 2）解组）解组撤消群组撤消群组 对已有群组图标进行解组对已有群组图标进行解组 ( (撤消群组撤消群组) )时，可以单击并选中该时，可以单击并选中该群组图标，然后选择菜单群组图标，然后选择菜单Modify /Ungroup(Modify /Ungroup(撤消群组撤消群组) )菜单命令，菜单命令，即可解组即可解组( (撤消群组撤消群组) )。 5.1.2 5.1.2 群组图标的概念群组图标的概念第五章第五章 多媒体教学软件的交互功能设

11、计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 3 3群组图标的属性设置对话框群组图标的属性设置对话框 群组图标属性设置对话框如下图所示，它没有可以设置的选项。群组图标属性设置对话框如下图所示，它没有可以设置的选项。（1 1）对话框的左部为图标内容预览框，在群组图标环境下，该预）对话框的左部为图标内容预览框，在群组图标环境下，该预览框为空。览框为空。 5.1.2 5.1.2 群组图标的概念群组图标的概念第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 （2 2）图标信息显示区。该区域显示当前群组图标的整体文件信息。）图标信息

12、显示区。该区域显示当前群组图标的整体文件信息。 ID:ID:即为即为Authorware7.0Authorware7.0自动分配给该群组图标的唯一自动分配给该群组图标的唯一IDID标号。标号。 Size:(Size:(大小大小) )表示该群组图标的文件大小，单位为字节。表示该群组图标的文件大小，单位为字节。 Mod:(Mod:(修改修改) )表示该群组图标创建或最近一次修改的时间。表示该群组图标创建或最近一次修改的时间。 Ref.by No(Ref.by No(没有被调用没有被调用) )表示当前表示当前 Map(Map(群组群组) )图标是否被其它程图标是否被其它程序调用。序调用。（3 3）O

13、pen(Open(打开打开) )按钮。单击此按钮，可以打开当前群组图标下一按钮。单击此按钮，可以打开当前群组图标下一级设计窗口。级设计窗口。（4 4）Level Title(Level Title(级别标题级别标题) )区。该区域显示当前群组图标所在程区。该区域显示当前群组图标所在程序文件一级设计窗口，以及群组图标当前所在设计窗口的层数。序文件一级设计窗口，以及群组图标当前所在设计窗口的层数。5.1.3 5.1.3 交互结构的创建交互结构的创建第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 1.1.教学软件交互设计的基本要素教学软件交互设

14、计的基本要素 在进行教学软件交互设计的过程中，需要考虑三个要素：教学在进行教学软件交互设计的过程中，需要考虑三个要素：教学设计、界面设计、程序设计。设计、界面设计、程序设计。2.2.使用使用AuthorwareAuthorware实现交互设计的分支结构实现交互设计的分支结构 使用使用AuthorwareAuthorware软件实现交互功能，需要在流程线上引入交互软件实现交互功能，需要在流程线上引入交互图标，交互图标具有安排交互界面、组织交互方式及控制交互作用、图标，交互图标具有安排交互界面、组织交互方式及控制交互作用、反馈交互结果的功能。单独使用交互图标不能完成交互程序设计，反馈交互结果的功能

15、。单独使用交互图标不能完成交互程序设计，交互图标需要与响应图标构成交互程序分支结构，交互图标是整个交互图标需要与响应图标构成交互程序分支结构，交互图标是整个交互程序分支的入口，各个响应图标通过响应类型顺次依附在交互交互程序分支的入口，各个响应图标通过响应类型顺次依附在交互图标尖头所指的右侧。图标尖头所指的右侧。 5.1.3 5.1.3 交互结构的创建交互结构的创建第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 3.3.使用使用AuthorwareAuthorware实现交互设计的步骤与要素实现交互设计的步骤与要素（1 1）确定交互逻辑，完

16、成前导程序设计，引入交互图标）确定交互逻辑，完成前导程序设计，引入交互图标（2 2）设计触发方式（响应类型）设计触发方式（响应类型）（3 3）确定反馈信息（响应图标）确定反馈信息（响应图标）（4 4）编辑流程分支（响应分支）编辑流程分支（响应分支）（5 5）设置状态跟踪（响应状态）设置状态跟踪（响应状态）5.1.45.1.4 交互图标的属性设置交互图标的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 1 1打开打开Properties:Interaction IconsProperties:Interaction Icons（交互

17、图标属性面板）交互图标属性面板） （1 1）选中交互图标后，选择菜单）选中交互图标后，选择菜单ModifyModify（修改）修改）/ /IconIcon（图标）图标）/ /PropertiesProperties（属性）菜单命令；属性）菜单命令；（2 2）选中交互图标后，选择菜单）选中交互图标后，选择菜单WindowWindow（窗口）窗口）/ /PanelsPanels（面板组）面板组） / /PropertiesProperties（属性）菜单命令；属性）菜单命令；（3 3）用鼠标双击交互图标；）用鼠标双击交互图标；（4 4）若当前已打开文件或某图标的属性设置面板，则只需单击交）若当前已

18、打开文件或某图标的属性设置面板，则只需单击交互图标即可。互图标即可。 在交互图标属性面板中交互图标名称栏、内容预览器、文本输在交互图标属性面板中交互图标名称栏、内容预览器、文本输入框样式按钮、打开命令按钮、帮助按钮和入框样式按钮、打开命令按钮、帮助按钮和4 4个功能选项卡。个功能选项卡。 5.1.45.1.4 交互图标的属性设置交互图标的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 2 2InteractionInteraction（交互）选项卡交互）选项卡 用于设置与交互作用有关的选项，如下图所示。用于设置与交互作用有关的选项

19、，如下图所示。（1 1）EraseErase（擦除方式选择）下拉菜单。擦除方式选择）下拉菜单。（2 2）EraseErase（擦除）效果设置擦除）效果设置（3 3）OptionsOptions（选项）属性设置选项）属性设置5.1.45.1.4 交互图标的属性设置交互图标的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 3 3DisplayDisplay（显示）选项卡和显示）选项卡和LayoutLayout（设计）选项卡的设置与显示设计）选项卡的设置与显示图标属性设置内容相同。图标属性设置内容相同。4 4CMICMI（计算机管理教学

20、）选项卡计算机管理教学）选项卡 提供了应用于计算机管理系统教学方面的属性，如下图所示。提供了应用于计算机管理系统教学方面的属性，如下图所示。 5.1.45.1.4 交互图标的属性设置交互图标的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.1 5.1 交互功能交互功能 （1 1）KnowledgeKnowledge（知识）跟踪（若使用该选项，必须在文件属性面知识）跟踪（若使用该选项，必须在文件属性面板的板的CMICMI属性设置面板中，选择知识跟踪选项，如下图所示。）属性设置面板中，选择知识跟踪选项，如下图所示。）（2 2）Interaction IDInter

21、action ID（交互地址）标识号交互地址）标识号 （3 3）Objective IDObjective ID（对象地址）标识号对象地址）标识号（4 4）WeightWeight（重要性）重要性）（5 5）TypeType（类型）类型） 5.2.1 5.2.1 按钮交互的特点按钮交互的特点第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能 ButtonButton（按钮）交互是指在屏幕窗口上设置一个按钮，用户用按钮）交互是指在屏幕窗口上设置一个按钮，用户用鼠标点击按钮，可触发对应的人机交互响应。在设计界面化的软件鼠标点击按钮，可触发

22、对应的人机交互响应。在设计界面化的软件时，使用按钮交互形象直观、使用方便，不易出现歧义，让用户一时，使用按钮交互形象直观、使用方便，不易出现歧义，让用户一目了然，可以直观、实时、多样化的实现人机交互功能，大多数多目了然，可以直观、实时、多样化的实现人机交互功能，大多数多媒体教育教学软件作品设计时都要会使用媒体教育教学软件作品设计时都要会使用ButtonButton（按钮）交互。使按钮）交互。使用按钮交互时需要考虑按钮设计与背景风格设计的一致性，以免破用按钮交互时需要考虑按钮设计与背景风格设计的一致性，以免破坏软件界面的整体美感。坏软件界面的整体美感。 在在AuthorwareAuthorwar

23、e中，所有的按钮交互都是矩形区域。中，所有的按钮交互都是矩形区域。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能1 1打开打开 Properties: ResponseProperties: Response（响应属性）面板窗口有两种方法。响应属性）面板窗口有两种方法。（1 1）使用鼠标双击响应类型标志，或在打开其他图标属性设置面）使用鼠标双击响应类型标志，或在打开其他图标属性设置面板时，用鼠标单击目标响应类型标志即可。板时，用鼠标单击目标响应类型标志即可。（2 2）选中响

24、应图标后选择菜单）选中响应图标后选择菜单ModifyModify（修改）修改）/ /IconIcon（图标）图标）/ /ResponseResponse（响应）菜单命令（快捷键为响应）菜单命令（快捷键为Ctrl+ECtrl+E）即可。即可。 其他交互的属性面板窗口打开方式与按钮交互相同。其他交互的属性面板窗口打开方式与按钮交互相同。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能2 2Properties: ResponseProperties: Response（响应属性）

25、面板窗口简介响应属性）面板窗口简介 该窗口如下图所示。该窗口如下图所示。（1 1）按钮样式预览窗口，用于预览按钮的样式效果。）按钮样式预览窗口，用于预览按钮的样式效果。（2 2）ButtonsButtons（按钮库）按钮，用于打开按钮库）按钮，用于打开ButtonsButtons按钮库，可以选按钮库，可以选用或编辑用或编辑AuthorwareAuthorware内部的按钮样式，也可以打开内部的按钮样式，也可以打开Buttons EditorButtons Editor（按钮编辑器）窗口导入编辑自定义按钮。按钮编辑器）窗口导入编辑自定义按钮。1 12 23 34 45 56 67 75.2.25

26、.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（3 3）分支响应图标显示框，用于显示当前分支响应图标标志。）分支响应图标显示框，用于显示当前分支响应图标标志。（4 4）OpenOpen（打开）按钮。单击此命令按钮，会打开当前交互分支打开）按钮。单击此命令按钮，会打开当前交互分支中的响应图标，保存当前的交互属性设置，并关闭响应属性设置面中的响应图标，保存当前的交互属性设置，并关闭响应属性设置面板窗口。板窗口。（5 5）响应图标名称文本框，用于显示、修改或重新命名响应图标）响应图标名称文本

27、框，用于显示、修改或重新命名响应图标的名称。默认名称为的名称。默认名称为“Untitled”Untitled”（未命名）。当标签文本框为空未命名）。当标签文本框为空时，该文本框的内容就是按钮上的文字。时，该文本框的内容就是按钮上的文字。（6 6）TypeType（类型）下拉菜单，用于设置或改变当前交互类型。类型）下拉菜单，用于设置或改变当前交互类型。（7 7）Properties: ResponseProperties: Response（响应属性）面板共有两个选项卡，响应属性）面板共有两个选项卡，左面是每种交互特有属性设置，以交互的名称命名，右面是各类交左面是每种交互特有属性设置，以交互的名

28、称命名，右面是各类交互通用的互通用的ResponseResponse（响应）选项卡。响应）选项卡。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能3 3ButtonButton（按钮）选项卡按钮）选项卡 该选项卡如下图所示。该选项卡如下图所示。（1 1）SizeSize（按钮大小）文本框，用于设置按钮的大小，单位为象按钮大小）文本框，用于设置按钮的大小，单位为象素。素。（2 2）LocationLocation（按钮位置）文本框，用于定义按钮在演示窗口中按钮位置）文本框，用于

29、定义按钮在演示窗口中的坐标位置，单位为象素。的坐标位置，单位为象素。 5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（3 3）LabelLabel（标签）文本框，用于编辑按钮上的标签名称。标签）文本框，用于编辑按钮上的标签名称。 当当LabelLabel（标签）文本框为空时，按钮上的标签文字为响应图标标签）文本框为空时，按钮上的标签文字为响应图标文本框中的文本。文本框中的文本。 在在LabelLabel（标签）文本框中可以输入字符串、变量和表达式，标签）文本框中可以输入字符

30、串、变量和表达式， 系统提供的内部按钮的大小会随系统提供的内部按钮的大小会随Label Label （标签）文本框中显示标签）文本框中显示标签显示字数多少而变化；用户自定义的按钮大小则不受标签文本标签显示字数多少而变化；用户自定义的按钮大小则不受标签文本框影响。默认状况下，按钮的标签名称是居中对齐的，要改变按钮框影响。默认状况下，按钮的标签名称是居中对齐的，要改变按钮的标签名称位置，需要使用的标签名称位置，需要使用 CursorCursor（指针）设置。指针）设置。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5

31、.2 5.2 按钮交互功能按钮交互功能（4 4）KeyKey（s s）（）（快捷键）文本框，用于设置按钮交互的快捷功能快捷键）文本框，用于设置按钮交互的快捷功能键，用户在键盘上点击快捷功能键与使用鼠标在屏幕窗口中点击按键，用户在键盘上点击快捷功能键与使用鼠标在屏幕窗口中点击按钮的效果相同。在钮的效果相同。在AuthorwareAuthorware中，快捷功能键严格区分大小写。中，快捷功能键严格区分大小写。使用单一固定快捷功能键：在使用单一固定快捷功能键：在KeyKey（s s）文本框中直接填入键名。文本框中直接填入键名。使用单一多个快捷功能键：在使用单一多个快捷功能键：在KeyKey（s s）

32、文本框中可以使用文本框中可以使用“ ”（逻辑（逻辑“或或”）符号同时定义多个快捷功能键名称。）符号同时定义多个快捷功能键名称。使用组合快捷功能键：在使用组合快捷功能键：在KeyKey（s s） 文本框中可以定义些组合键，文本框中可以定义些组合键，将需要组合的键名称连接。将需要组合的键名称连接。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（5 5）OptionsOptions（选项）包含两个复选框。选项）包含两个复选框。 Make DefaultMake Default（使

33、用默认）复选框。适用于使用使用默认）复选框。适用于使用AuthorwareAuthorware内内部标准按钮时，将该交互分支定义为默认优先按钮交互，按钮的四部标准按钮时，将该交互分支定义为默认优先按钮交互，按钮的四周出现黑框，点击回车键就可以直接执行。周出现黑框，点击回车键就可以直接执行。Hide When InactiveHide When Inactive（当交互时隐藏）复选框。选择该选项后，当交互时隐藏）复选框。选择该选项后，当按钮处于被禁止（不可用）状态时，按钮不在屏幕上出现；当按当按钮处于被禁止（不可用）状态时，按钮不在屏幕上出现；当按钮可用时，在屏幕显示。钮可用时，在屏幕显示。（6

34、 6）CursorCursor（鼠标光标）设置。用于设置鼠标指在按钮上时，光鼠标光标）设置。用于设置鼠标指在按钮上时，光标的样式。标的样式。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能4 4ResponseResponse（响应）选项卡响应）选项卡 该选项卡如下图所示。该选项卡如下图所示。（1 1）ScopeScope（作用范围）。用于设置当前响应的有效范围。作用范围）。用于设置当前响应的有效范围。（2 2）Active IfActive If（激活条件）文本框。用于设置

35、响应的激活条件，激活条件）文本框。用于设置响应的激活条件，又称为触发条件。又称为触发条件。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（3 3）EraseErase（擦除方式设置）下拉菜单。用于设置该交互分支内的擦除方式设置）下拉菜单。用于设置该交互分支内的内容的擦除方式，在下拉列表中，有内容的擦除方式，在下拉列表中，有4 4种自动擦除选择方式。种自动擦除选择方式。 After Next EntryAfter Next Entry（在进入下一个分支后）擦除。在进入下一个分

36、支后）擦除。 Before Next EntryBefore Next Entry（进入下一个分支前擦除）。进入下一个分支前擦除）。 On ExitOn Exit（退出交互时擦出）。退出交互时擦出）。 Dont EraseDont Erase（不擦除）。不擦除）。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（4 4）BranchBranch（分支路径）下拉菜单。交互图标具有分支和循环的分支路径）下拉菜单。交互图标具有分支和循环的功能，当某个交互分支类型执行完毕后，可以通过

37、功能，当某个交互分支类型执行完毕后，可以通过BranchBranch（分支路分支路径）选项确定程序流程。在下拉列表中提供了径）选项确定程序流程。在下拉列表中提供了4 4种分支路径类型提种分支路径类型提供选择使用。供选择使用。 Try AgainTry Again（重试）类型。重试）类型。 ContinueContinue（继续）类型。继续）类型。 Exit InteractionExit Interaction（退出交互）类型。退出交互）类型。 ReturnReturn（返回）类型。返回）类型。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计

38、多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（5 5）StatusStatus（状态）下拉菜单。该选项用于设置是否跟踪并判断状态）下拉菜单。该选项用于设置是否跟踪并判断用户的响应，同时通过系统变量用户的响应，同时通过系统变量“TotalCorrectTotalCorrect”和和“TotalWrongTotalWrong”记录用户的正确或错误响应次数，在该下拉列表中有以下记录用户的正确或错误响应次数，在该下拉列表中有以下3 3个选项。个选项。 Not JudgedNot Judged（不判断）选项。不判断）选项。 Correct ResponseCorrect Resp

39、onse（正确响应）选项。正确响应）选项。 Wrong ResponseWrong Response（错误响应）选项。错误响应）选项。（6 6）ScoreScore（得分）文本框。该选项用于记录用户的响应得分，可得分）文本框。该选项用于记录用户的响应得分，可以输入数值或表达式。以输入数值或表达式。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能5 5使用按钮库编辑制作按钮的方法使用按钮库编辑制作按钮的方法（1 1）AuthorwareAuthorware自带的系统按钮自带的系

40、统按钮 普通矩形按钮普通矩形按钮 单选按钮单选按钮 复选按钮复选按钮（2 2）使用按钮编辑器自定义按钮）使用按钮编辑器自定义按钮 StateState（状态）区域。状态）区域。a. Normala. Normal（正常）状态。正常）状态。b. Checkedb. Checked（标记）状态。标记）状态。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能 Buttons DescriptionButtons Description（按钮描述）文本区域。按钮描述）文本区域。 Aut

41、omatically CheckAutomatically Check（自动应用标记）选项。自动应用标记）选项。 按钮效果预览区域。按钮效果预览区域。 按钮样式设定区域。按钮样式设定区域。a. Graphica. Graphic（图形设定）图形设定）b. Labelb. Label（标签显示设定）标签显示设定）c. Soundc. Sound（声音设定）声音设定）5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能（3 3）提高工作效率的方法）提高工作效率的方法 批量修改按钮样式

42、批量修改按钮样式 同时选中需要修改的全部按钮，执行菜单命令：同时选中需要修改的全部按钮，执行菜单命令：EditEdit（编辑）编辑）/ /Change PropertiesChange Properties（改变属性）菜单命令，打开改变属性）菜单命令，打开Change Icon Change Icon Properties For:Properties For:（改变图标属性）窗口，在改变图标属性）窗口，在PropertyProperty（属性）显属性）显示区域中选择示区域中选择ButtonButton（按钮）选项，在按钮）选项，在Category:InteractionCategory:In

43、teraction（交交互类别）显示区域中确定所需要的按钮样式，然后单击互类别）显示区域中确定所需要的按钮样式，然后单击ApplyApply（应应用）按钮即可。用）按钮即可。5.2.25.2.2 按钮交互的属性设置按钮交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能 重复使用同一组自定义按钮库重复使用同一组自定义按钮库 在多个程序中重复使用相同的自定义按钮库的方法是创建一个在多个程序中重复使用相同的自定义按钮库的方法是创建一个应用模块。创建一个空的交互结构，并在该交互中使用自定义的按应用模块。创建一个空的交互结构，并在

44、该交互中使用自定义的按钮，然后把整个交互结构保存为模块。在重复使用这些定制按钮时，钮，然后把整个交互结构保存为模块。在重复使用这些定制按钮时，只需将该模块入到目标程序即可。只需将该模块入到目标程序即可。5.2.3 5.2.3 设计媒体播放器的操作界面设计媒体播放器的操作界面第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.2 5.2 按钮交互功能按钮交互功能 本例利用按钮交互，设计一个媒体播放器的界面，实现播放、暂本例利用按钮交互，设计一个媒体播放器的界面，实现播放、暂停、继续、停止、快进、快退等功能的按钮设计。本例主要讨论按停、继续、停止、快进、快退等功能的按钮设计。

45、本例主要讨论按钮设计的相关问题。本例的知识要点主要涉及按钮交互功能设计，钮设计的相关问题。本例的知识要点主要涉及按钮交互功能设计，自定义按钮的设计与实现。自定义按钮的设计与实现。5.3.1 5.3.1 热区交互的特点热区交互的特点第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.3 5.3 热区交互功能热区交互功能 Hot SpotHot Spot（热区）交互响应，本身并不显示，通过热区下的背热区）交互响应，本身并不显示，通过热区下的背景内容（文字、图形、图像等）向软件用户描述交互的逻辑意义以景内容（文字、图形、图像等）向软件用户描述交互的逻辑意义以便用户识别。与按钮类

46、似，热区可以调整改变矩形响应区域的大小、便用户识别。与按钮类似，热区可以调整改变矩形响应区域的大小、位置，范围可以超过演示窗口边缘。此外，不同热区交互位置可以位置，范围可以超过演示窗口边缘。此外，不同热区交互位置可以重叠，使程序交互设计更为灵活重叠，使程序交互设计更为灵活 热区交互可以理解为热区交互可以理解为“点击、拂过透明矩形区响应点击、拂过透明矩形区响应”，在，在AuthorwareAuthorware软件设计中，热区也是一种应用广泛的交互类型。软件设计中，热区也是一种应用广泛的交互类型。5.3.2 5.3.2 热区交互的属性设置热区交互的属性设置第五章第五章 多媒体教学软件的交互功能设计

47、多媒体教学软件的交互功能设计5.3 5.3 热区交互功能热区交互功能 热区交互的热区交互的Properties: ResponseProperties: Response（响应属性）设置面板窗口响应属性）设置面板窗口由由Hot SpotHot Spot（热区）选项卡和热区）选项卡和ResponseResponse（响应）选项卡组成。响应）选项卡组成。1 1Hot SpotHot Spot（热区）面板，如下图所示。热区）面板，如下图所示。（1 1）SizeSize（热区大小）文本框、热区大小）文本框、LocationLocation（热区位置）文本框功热区位置）文本框功能与设置方法与按钮交互相同

48、。能与设置方法与按钮交互相同。（2 2）KeyKey（s s）（）（快捷键）文本框，与按钮交互相同。快捷键）文本框，与按钮交互相同。5.3.2 5.3.2 热区交互的属性设置热区交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.3 5.3 热区交互功能热区交互功能（3 3）MatchMatch（交互匹配）下拉菜单，用于设置触发热区交互的鼠标交互匹配）下拉菜单，用于设置触发热区交互的鼠标操作有操作有3 3种方式。种方式。 Single-clickSingle-click（鼠标左键单击）选项。鼠标左键单击）选项。 Double-clickDouble-clic

49、k（鼠标左键双击）选项。鼠标左键双击）选项。 Cursor in AreaCursor in Area（光标在区域范围内）选项。光标在区域范围内）选项。（4 4）Highlight on MatchHighlight on Match（匹配时高亮色显示）。匹配时高亮色显示）。（5 5）Mark on MatchMark on Match（匹配时显示标志）。匹配时显示标志）。（6 6）CursorCursor（鼠标光标）设置，与按钮交互相同。鼠标光标）设置，与按钮交互相同。5.4.1 5.4.1 热对象交互的特点热对象交互的特点第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设

50、计5.4 5.4 热对象交互功能热对象交互功能 Hot ObjectHot Object（热对象）交互实际上是一种将鼠标触发区域定义热对象）交互实际上是一种将鼠标触发区域定义得更为灵活的得更为灵活的“热区交互热区交互”。热对象交互的鼠标触发区域是通过某。热对象交互的鼠标触发区域是通过某一图标中显示内容在演示窗口的范围而定义的，热对象交互又可称一图标中显示内容在演示窗口的范围而定义的，热对象交互又可称作作“点击对象响应点击对象响应”。可以作为热对象的图标有显示图标、交互图。可以作为热对象的图标有显示图标、交互图标、数字电影图标、标、数字电影图标、ActiveXActiveX图标等，只要是能够引入

51、可显示内容图标等，只要是能够引入可显示内容的图标就可以作为交互的热对象。的图标就可以作为交互的热对象。 相比热区交互，热对象交互具有交互位置可随图标对象运动、相比热区交互，热对象交互具有交互位置可随图标对象运动、交互区域形状没有矩形限制、交互区域可以不连续等优点，可以实交互区域形状没有矩形限制、交互区域可以不连续等优点，可以实现热区、按钮交互不能完成的交互效果。现热区、按钮交互不能完成的交互效果。5.4.2 5.4.2 热对象交互的属性设置热对象交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.4 5.4 热对象交互功能热对象交互功能 打开热对象交互的属性

52、设置面版。在交互图标预览框中可以看打开热对象交互的属性设置面版。在交互图标预览框中可以看到该触发该交互所对应的图标内容，如下图所示。到该触发该交互所对应的图标内容，如下图所示。1 1Hot ObjectHot Object（热对象）选项卡：热对象）选项卡：（1 1）Hot ObjectHot Object（热对象）文本框：显示热对象的名称。热对象）文本框：显示热对象的名称。5.4.2 5.4.2 热对象交互的属性设置热对象交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.4 5.4 热对象交互功能热对象交互功能（2 2）KeyKey（s s）（）（快捷键）

53、文本框：用于设置热对象响应的等待快快捷键）文本框：用于设置热对象响应的等待快捷键。捷键。（3 3）MatchMatch（交互匹配）下拉菜单：与热区交互相同，共有交互匹配）下拉菜单：与热区交互相同，共有Single-ClickSingle-Click（用鼠标左键单击）、用鼠标左键单击）、Double-ClickDouble-Click（用鼠标左键双用鼠标左键双击）和击）和Cursor on ObjectCursor on Object（用鼠标光标拂过热对象）三种选择。用鼠标光标拂过热对象）三种选择。（4 4）Highlight on MatchHighlight on Match（匹配时高亮显示

54、）和匹配时高亮显示）和CursorCursor（鼠标光鼠标光标）选项设置与热区交互设置相同。标）选项设置与热区交互设置相同。2 2ResponseResponse选项卡的内容与热区交互设置相同。选项卡的内容与热区交互设置相同。5.4.3 5.4.3 基于地图的地理知识查询基于地图的地理知识查询 第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.4 5.4 热对象交互功能热对象交互功能 本例利用热对象交互，设计一个介绍各大洲的教学软件，实现本例利用热对象交互，设计一个介绍各大洲的教学软件，实现用鼠标拂过每个大洲的陆地区域时，显示该大洲的名称范围与文字用鼠标拂过每个大洲的陆

55、地区域时，显示该大洲的名称范围与文字简介。本例知识要点主要涉及热对象交互功能设计，制作不规则图简介。本例知识要点主要涉及热对象交互功能设计，制作不规则图形透明热对象交互的技巧。形透明热对象交互的技巧。5.4.4 5.4.4 按钮、热区、热对象三种交互方式的比较按钮、热区、热对象三种交互方式的比较第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.4 5.4 热对象交互功能热对象交互功能 按钮、热区、热对象三种触发方式，均以在演示窗口内用鼠标按钮、热区、热对象三种触发方式，均以在演示窗口内用鼠标触发某一区域的方法执行交互触发某一区域的方法执行交互1 1按钮交互的优势：按钮交

56、互的优势：（1 1）提供八种按钮状态，鼠标操作效果丰富）提供八种按钮状态，鼠标操作效果丰富（2 2）可以使用系统变量）可以使用系统变量CheckedChecked实现按钮逻辑状态切换实现按钮逻辑状态切换2 2热区交互的优势：热区交互的优势：（1 1）可以重叠使用）可以重叠使用（2 2）与背景相对独立，可以一个热区交互对应多个背景）与背景相对独立，可以一个热区交互对应多个背景（3 3）没有层的因素，不用考虑显示问题）没有层的因素，不用考虑显示问题5.4.4 5.4.4 按钮、热区、热对象三种交互方式的比较按钮、热区、热对象三种交互方式的比较第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件

57、的交互功能设计5.4 5.4 热对象交互功能热对象交互功能3 3热对象交互的优势：热对象交互的优势：（1 1）可以使用动画图标移动热对象）可以使用动画图标移动热对象（2 2）可以使用）可以使用AuthorwareAuthorware的绘图工具绘制不规则热对象的绘图工具绘制不规则热对象（3 3）可以利用层来控制热对象交互是否可用）可以利用层来控制热对象交互是否可用（4 4）可以使用显示模式中的透明制作透明热对象）可以使用显示模式中的透明制作透明热对象（5 5）鼠标触发区域可以不连续）鼠标触发区域可以不连续 按钮交互能更容易将两种功能赋予同一按钮和实现多个按钮之按钮交互能更容易将两种功能赋予同一按

58、钮和实现多个按钮之间的关联；热区交互可以重叠使用，可以换背景不换热区；更加复间的关联；热区交互可以重叠使用，可以换背景不换热区；更加复杂的交互则可以使用热对象实现。这三种交互方式各有特长，在设杂的交互则可以使用热对象实现。这三种交互方式各有特长，在设计时应本着取长补短、简化设计、提高效率的原则，灵活运用。计时应本着取长补短、简化设计、提高效率的原则，灵活运用。5.5.1 5.5.1 目标区域交互的特点目标区域交互的特点第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功能设计5.5 5.5 目标区域交互功能目标区域交互功能 Target AreaTarget Area（目标区域）交

59、互响应是用户用鼠标将演示窗口目标区域）交互响应是用户用鼠标将演示窗口的目标对象（图标）拖动到一个指定的区域中后，的目标对象（图标）拖动到一个指定的区域中后，AuthorwareAuthorware运行运行交互分支程序的一种交互方式。交互分支程序的一种交互方式。 实现目标区域交互需要两个要素，一是实现目标区域交互需要两个要素，一是Target(Target(目标目标/ /对象对象) )，这一概念与热对象交互中的这一概念与热对象交互中的“对象对象”类似，需要在程序中提供具有类似，需要在程序中提供具有显示二维图象的图标（如显示图标、交互图标等）；二是显示二维图象的图标（如显示图标、交互图标等）；二是

60、AreaArea（区区域域) )，这一概念与热区交互中的，这一概念与热区交互中的“热区热区”相似，建立一个区域等待相似，建立一个区域等待目标的进入以触发交互。目标区域交互的响应条件是将目标图标拖目标的进入以触发交互。目标区域交互的响应条件是将目标图标拖拽到区域中，并非仅拖动图标就触发运行交互分支，用户如果将目拽到区域中，并非仅拖动图标就触发运行交互分支，用户如果将目标图标拖到非指定的区域，并不能激活相应的交互功能。标图标拖到非指定的区域，并不能激活相应的交互功能。5.5.2 5.5.2 目标区域交互的属性设置目标区域交互的属性设置第五章第五章 多媒体教学软件的交互功能设计多媒体教学软件的交互功