1、- 1 -第六章 交互图标【教学时数】12 学时【教学目标】 了解交互的概念和的类型 理解交互的属性 掌握各种交互类型的定义和设置方法【难点】各种交互图标类型的属性设置【教学方法】任务驱动教学法【教学过程】6.1 认识交互图标所谓交互，就是用户（操作者）与 计算机程序之间的沟通，而响应就是计算机程序对用户的选择所作出的反应。当然， 这种反应都是在程序中预先设计好的。由于交互和响应是紧密联系的，因此在 Authorware 中，常常将“交互类型” 和“响应类型”作为同一个概念使用。在 Authorware 中，实现交互的主要工具是交互图标。11 种交互类型： 【按钮】交互：可以在演示窗口中创建按
2、钮，并且用此按钮与计算机进行交互。按钮的大小、位置以及名称都是可以改变的，并且 还可以加上按 钮声。Authorware提供了一些标准按钮，这些按 钮可以任意选用。如果 觉得它 们不够满意，还可以自己创造。当用户单击按钮时 ，计算机会根据用户的指令，沿指定的流程线（交互分支）执行。 【热区域】交互：可在演示窗中创建一个不可见的矩形区域（热区）。用户在热区内单击、双击或把鼠标指针移入 热区内，就会激活交互，使程序沿 该分支执行。区域的大小和位置是可以根据需要在演示窗口中任意调整的。 【热对象】交互：与【热区域】不同，该交互的对象是一个热对象，即一个实实在在的对象。用户单击该对象，就能够激活交互。
3、对象可以是任意形状的，而不像图 13-1 第六章 交互图标- 2 -【热区域】交互区域一定是个矩形。 这两种交互可以互为补 充，大大提高了Authorware 交互的可靠性、准确性。 【目标区】交互：设定一个矩形目标区域。当用户把选定对象移到目标区域时，就会激活交互。 【下拉菜单】交互：在程序演示窗口的左上角创建下拉菜单，用户可以通过选择菜单命令激活交互。 【按键】交互：当用户按下键盘上指定的按键后，就会激活交互。 【条件】交互：当指定条件满足时，就会激活交互。条件交互方式分 为自动匹配和非自动匹配两种。 【重试限制】交互：限制用户与当前程序交互的尝试次数。当达到规定次数的交互时，就会执行规定
4、的分支。我们常用它来制作测试题，当用 户在规定次数内不能回答出正确答案，就退出交互。 【时间限制】交互：当用户在特定时间内未能实现特定的交互，这个交互可使程序按指定的流程线继续执行。 【文本输入】交互：用它来创建一个用户可以输入字符的区域。当用户按 Enter键结束输入时，程序按规定的流程 线继续执行。常用于 输入密 码、回答问题等。 【事件】交互：用于对程序流程中使用的 ActiveX 控件的触发事件进行交互。这种程序结构被称为交互结构，由交互 图标、交互 类型符号、分支图标及分支流向组成，如图所示。交互结构的组成对交互结构的说明如下。 交互图标：交互结构的核心，是显示图标、等待图标、擦除图
5、标等的组合，具有交互图标分支图标分支流向响应类型符号分支名称交互图标名称图 13-2 6.1 认识交互图标- 3 -直接提供文本图形、决定分支流向、暂停程序执行、擦除窗口内容等功能。 交互类型符号：定义用户可以与多媒体作品进行交互的控制方法，不同的交互显示不同的类型符号。 分支图标：一旦用户与多媒体作品进行交互，它将沿着相应的分支执行，该分支被称为交互分支，执行的内容（即 图标）被称为分支图标。一般采用群组图标作为分支图标，这样可以为程序 设计带来更大的灵活性。 分支流向：定义分支执行完后，程序将如何流向。选项卡名称 选项 含义或功能在推退出之前：退出交互结构执行主流程线下一图标前擦除在下次输
6、入之后：发生响应后进入相应的分支擦除“擦除”下拉列表框不擦除：退出交互结构也不擦除“擦除特效”选项 单击其后的按钮设置擦除效果在退出前中止：退出交互结构后程序暂停，单击显示窗口的 “继续”按钮或任意键，继续执 行交互作用“选项”复选框显示按钮：若选中“在退出前中止 ”选项，本选项决定是否 显示“ 继续”按钮显示 与显示图标相同版面布局 与显示图标相同管理教学 计算机管理教学系统图 13-1 第六章 交互图标- 4 -交互图标属性一览表6.2【按钮 】交互（见例题 6-1）6.2.1 按钮交互方式对话框双击按钮响应方式图标，可 调出按钮交互方式的 Response(响应方式)对话框。单击 But
7、ton 或 Response 标签，可调出相应的对话框。对话框中各选项的作用如下：1Response(Button)响应方式对话框图 13-2 6.2【按钮】交互（见例题 6-1）- 5 -6.2.2 按钮交互方式对话框双击按钮响应方式图标，可 调出按钮交互方式的 Response(响应方式)对话框。单击 Button 或 Response 标签，可调出相应的对话框。对话框中各选项的作用如下：1Response(Button)响应方式对话框Response(Button)响应方式对话框，如图 7 所示。 该对话框中各选项的作用如下：(1)Type 列表框：其中有 11 各选项，用来确定交互方式
8、。(2)Size 和 Location 文本框：前两项用来精确确定按钮的大小与位置。(3)Label 文本框：其内 输 入按钮的标题。(4)Key(s)文本框：在此输 入按键（快捷键) 的名称。当用户按此规定的按键时，也可达到与单击按钮相同的效果。例如： 输入“F2” ，则快捷键是 F2，按 F2 键与单击按钮的作用一样：输入“AltS”， 则快捷键是 Alt+S。(5)Options 栏：它由两个复 选框，其含义如下：Make Default 复选框：选择按钮为默认的标准按钮，按钮形状与其他按钮形状稍不一样，它的四周有粗重线条，这种默认按钮在按回车键时会 执行响应。一个交互图标下最多只能设置
9、一个默认按钮。Hide When lnactive：不选择 它时，按 钮不可用时呈灰色：选择它时，按钮不可用时自动消失。(6)Cursor 栏 ：单击该栏中的 “。”按钮，可调出 Cursor(鼠标指针)对话框，如图 8 所示。在此对话框中单击某种鼠标指针，再单击“OK按钮，即可确定鼠标指针移至按 钮时的鼠标指针形状。利用该对话框还可添加新的鼠标指针，单击Cursor 对话框中的“Add”按钮， 调出“Load Cursor”对话框。找到鼠标指针文件(在 Windows98 的C:Program FilesPlus!Themes 文件夹内，或者其他的文件夹内) ，再单击“ 打开” 按钮 ，即可
10、将新的鼠标指针加图 13-1 第六章 交互图标- 6 -载到 Cursors 对话框中(即鼠标指针库)中。 这时， Cursor 对话 框中的“Delete” 与“Edit”按钮变为可选按钮，单击“Delete”按钮可以删除 Cursor 对话框中选中的鼠标指针，单击“Edit”按钮可以对加入的鼠标指针进行重新设定。2按钮交互方式的 Response(Response)响应方式对话框Response(Response)响应方式对话框，如 图 7-11 所示。 该对话 框中各选项的作用如下：(1)Buttons 按钮：在 Response(Buttons)响应方式对话框中也有该按钮，单击它，可以
11、 调出 Buttons(按钮 )对话框，利用它可以改 变按钮样式、加 载按 钮等。(2)Scope 栏的 Perpetual(永久)复选框：选中它后， 当程序执行已离开该交互分 支结构后，该响应图标的按钮仍能起作用，用户随时都可单击该 按钮，使程序流向跳转到此图标处执行程序。利用擦除图标 或用 Active“文本框中的变量或表达式可清除该按钮。(3)Active“文本框：可输入逻辑常量、 变量或表达式，当其 值为真(TRUE) 时，执行响应图标：其值为假(FALSE)时，不执行响应图标。(4)Erase (即擦除反馈)列表框：用来选定退出交互后的擦除方式。 该列表框有四个选项，其含义如下：Be
12、fore Next Entry：在执行下一次响应前擦除交互信息( 按钮)；After Next Entry：在执行下一次响应后就擦除交互信息：Dont Erase：不擦除交互信息；On Exit：退出该交互状态后擦除交互信息。(5)Branch(程序流向 )F 拉列表框：它用来确定 执行完一次响应后程序的流向。它有四个选项：TryAgain：程序执行完该响应后，返回到交互图标处，等待用户下一次响应；Continue：沿原路返回，以检查 其右边是否有符合条件的其他响应要执行，直到其右边没有符合条件的其他响应时，才返回交互 图标处：Exit Interaction：退出交互分支结构， 执行交互图标
13、下边 流程线上的后续图标；Return：在选择了 Perpetual 复选框后，该列表框内会增加此项，它表示返回跳转至此的原程序处。上述四种程序流向类型，在程序中会有不同形式的程序线 来描述，如 图 1 所示。图 13-2 6.2【按钮】交互（见例题 6-1）- 7 -改边程序流向类型的方法除了通过改变程序流向下拉列表框中的选项外，还可以采用下面所述的方法：按住 Ctrl 键的同时，单击交互图标中响应图标下边的分支流程线或区域( 对于 Return 程序流向 类型) ，即可依次改变程序流向类型，从程序线的不同形式的变化可以看出程序流向类型的变化。(6)Status(响应状态) ：它用来跟踪响应
14、的正确与错误。它有三个选项：Not Judged：不跟踪响应，它是默认选项；Correct Response：跟踪正确响应，将正确响 应次数累加，并存入系统变量中。响应图标的名字前会增加一个“+”号。Wrong Response：跟踪错误响应，将 错误响应次数累加，并存入系统变量中。响应图标的名字前会增加一个“一” 号。(7)Score(记分) 文本框：可以输入表达式，如果这个响应是正确的，则记分是正数；如果这个响应是错误的，则记 分是负数。6.2.3 程序设计“选择正确的答案” 程序如图所示，程序设计方法如下：具体运行情况见实例案例小结：按钮交互类型是交互操作中最简单、最直 观的一种交互方式
15、。单击按钮，就会立即执行对应的交互分支。图 13-1 第六章 交互图标- 8 -6.2.4【按钮】交互类型的交互属性【例 6-8】 为按钮定义热键案例小结：为程序定义热键，使用户使用起来更加快捷 简便，也使得 软 件更加人性化。但是要注意在设置热键时不要与系统的一些热键冲突。6.2.5 添加和编辑按钮【例 6-8】 自定义按钮案例小结：自定义的按钮能够更加符合程序的需要，更好地与程序融 为一体。由于按 钮的【按下时】状态非常短暂，一般可以只设计 【未按放】和【在上面】两个状 态，但是需要 为【按下时】状态添加一个声响效果。注意：按钮交互是学习其它类型交互的基础，因此在 讲授该 响应类型交互时，
16、教授 应该慢些，并举较多的实例，望学生能达到举一反三的教学效果。具体实例见“按钮” 文件夹。第二教学单元6.3【热区域 】交互6.3.1 热区响应的使用热区响应是指用户在背景上指定一个区域，当用鼠标单击 、双 击或经过该区域时，便会得到相应的反馈。在 Authorware 中，当一屏上的响 应较多 时，若使用按 钮会使程序的运行速度明显减慢，而使用热区响应 ，则可以很好的避免这一问题 。6.3.2 热区响应的引入热区响应的引入基本上与按钮响应相同，也是要在主流程线上先放置好一个交互设计图标，然后拖放一个设计图标 (交互和 判定图标除外)至其右下角 释放，此时屏幕上会出现如图 1 所示的响应类型
17、对话框，在其中 选择热区响应类型后，单击 OK 即可。如果用户已经在交互 图标下放置了一种响应类型的图标， 则当再放入另一个 设计图标时，该图标会自动默图 13-2 6.3【热区域】交互- 9 -认为第一种响应类型。要想改 变它的响应类型，可以通 过按住 Ctrl+Alt 键双击该响应类型图标，从而弹出响应类型对话框的方法 进行修改。以 热区响应为 例，按住 Ctrl+Alt 键双击欲修改的响应图标，在随后弹出的响 应类型对话框中， 选取热区响 应，然后单击 OK 即可。 热区响应设计如图所示。6.3.3 热区响应的设置热区响应的设置较之按钮响应来说要容易一些，当用 户用鼠 标双击要进行设置的
18、热区响应类型图标时，屏幕上会弹出如下 图所示的响应属性(properties ：response)对话框， 响应名称一 栏用来填写该热 区响应的名字，不填， 则系统默认为 Untitled。响应类型(tyPe)下拉列表显示框提供了响应类型(ResponseType)对话框中的所有响应类型，用户同样可以在此更改响 应类型。快捷键(Keys) 一栏是用来定 义此热区响应的相应快捷 键，通 过此快捷键可以提供方便的键盘操作方式。 【例题】认识水果（热区域交互）图 13-1 第六章 交互图标- 10 -案例小结：热区域交互能够将演示窗口中任意的区域设定为交互的触发位置，为程序设计带来了一定的灵活性。但
19、是，这个热区域只能为矩形。6.4【热对象 】交互热对象交互就是以对选定对象的操作作为交互的执行条件，这个对象被称为“热对象”。6.4.1 热件响应的使用6.4.2 热件响应的使用热件响应又称热对象响应，它与 热区响应类型相似，它 们的区 别在于：当设置一个热对象响应时，必须要有一个具体的二维显示对象作为热对象，即在程序流程上必须要有一个 显示图标 来作为热对象。6.4.3 热件响应的引入热件响应的引入基本上同其他的响应类型，不同的是在 交互图标的前面必须要 用作热件的 显示图标，在 显示 图标中放置相应的文字或图像，然后再通过热件响应类型的设置来确定该 显示图标的反馈信息。流程 线如图所示。设计示例见热对象.a7p 文件
