《中文Authorware多媒体制作教程 第3版 教学课件 ppt 作者 冯建平 符策群 孙洪涛等 第7章 交互控制》由会员分享，可在线阅读，更多相关《中文Authorware多媒体制作教程 第3版 教学课件 ppt 作者 冯建平 符策群 孙洪涛等 第7章 交互控制（62页珍藏版）》请在金锄头文库上搜索。
1、第 7 章 交互控制,Authorware拥有强大的交互功能，并且为我们提供了包括按钮、热区域、条件等在内的共11种交互类型。对于它们的具体应用及属性设置将会在接下来的各节中向大家做详细的介绍。,7.1 交互作用分支结构,7.1.1 交互的类型与特点 Authorware为用户提供了强大的交互功能，而这些功能均由交互作用分支结构来实现，如图7-1所示。交互作用分支结构由“交互”图标和“响应”图标共同构成。单独的交互图标没有任何意义，同时也没有单独的响应图标存在。,图7-1 交互作用分支结构,图7-2 交互类型,7.1.2 互响应的属性设置,图7-3 “响应”选项卡中的属性设置,重试：当选择此分
2、支类型时，系统在响应完此处交互后将会回到主流程线的交互分支起点开始读取程序，在此等待用户做出另一次交互操作。对照图中重试路径上的箭头指向，我们可以很容易理解计算机读取程序的方向。 继续：当用户选择此分支类型时，沿箭头的方向看，此时计算机读取程序的路径是其分支结构上方的闭合矩形，计算机会在此流程线上反复检查，等待用户匹配该响应的操作。在系统响应完此处交互后，计算机又回到闭合矩形的路径上等待下一次匹配响应的操作。 退出交互：当系统响应完具有此分支类型的交互程序后，顺着箭头的指向，计算机将回到主流程线上读取程序。 返回：选择了此交互分支类型的响应，只要始终处于激活状态，系统等待用户的匹配操作并随时响
3、应，从而进入该分支路径读取程序；该分支执行完毕后，返回到原来调转起点继续往下执行。,7.1.3 交互图标的属性设置,7.2 按 钮 响 应,在众多交互类型当中按钮是最传统、最实用也最容易为用户所接受的交互类型。它就可以认为是我们现实生活中的按钮，按下按钮就可执行某项任务。或者你可以这样认为，按钮（其他交互类型也一样）就好像“响应类型”处的一个开关，计算机沿着流程线读取程序，读到此处如果用户按下按钮也就相当于打开开关，那么计算机继续往下读取该响应分支中的程序。,7.2.1 按钮响应及其属性设置,程序流程图,按钮类型对话框,7.3 热区域响应,7.3.1 热区域响应及其属性设置,首先进入如图7-3
4、0（a）所示的界面，当用户在小图上单击鼠标左键时就会进入图7-30（b）的演示窗口，给人一种放大的效果。再单击大图则又返回到左图，这样就使得图像可以不断地放大和还原。当单击演示窗口右下“退出”字样时便会退出程序。,图7-31 热区交互程序,图7-30 热区交互效果,(a),(b),7.3.2 动手实践：几何画板,制作一个“几何画板”，绘制几何图形，从中体会热区响应图标的应用。效果如图7-35所示。,图7-35 外观效果与流程图,（1）新建一个文件，在流程线上拖放一个显示图标，命名为“背景”，并导入一张图片作为背景，在“背景”显示图标上添加一个“附属计算”图标，在其中输入“Movable”背景“
5、:=0”用于固定背景图像。拖放一个交互图标，并拖放一个计算图标，三个群组图标，一个擦除图标到交互图标右侧，依次命名为“退出”，“绘制矩形”，“绘制椭圆”，“绘制直线”和“全部擦除”。并分别设置“交互”图标属性为“不擦除”，按钮响应的属性除设置它们的按钮形状和位置外，也设置为“不擦除”，并将它们的“范围”都设置为“永久”。,（2）在计算图标中输入表达式“Quit（0）”用于退出程序。 （3）打开“绘制矩形”群组图标，在其中添加如图7-36所示流程线，将“交互类型”设置为“热区域”，使热区覆盖图像中的绘图区域，将“矩形交互”图标属性设置为“不擦除”，“热区域”响应也设置为“不擦除”。,图7-36
6、“绘制矩形”“群组”图标设置,在计算图标中，导入函数“DrawBox（pensize ,x1, y1, x2, y2）”用于绘制矩形，由于不设定起止位置，只设置线型粗细3像素，修改参数为“DrawBox（3）”。用同样的方法，在“绘制椭圆”和“绘制直线”中进行类似的设置，分别在它们的计算图标中设置函数为“DrawCircle（5）”和“DrawLine（4）”，绘制椭圆和矩形。 （4）在交互图标右侧在拖入一个擦除图标，设置擦除对象如图7-37所示。,图7-37 设置擦除对象 （5）运行程序，绘制一个“自行车”，如果不满意，点击“全部擦除”按钮，擦除全部对象，重来。,7.4 热对象响应,回忆一下
7、我们前面已经学过的热区交互，交互的区域只是规则的矩形区域，而在很多情况下交互的对象很可能是不规则的区域，此时就需要用到热对象响应，它的交互区域就是整个对象所占的区域。这样就解决了上面的这样一个问题。,7.4.1 热对象响应及其属性设置,在进入其属性设置以前，我们先来看一道例题。运行程序就会产生图7-42所示的效果。当用户将鼠标移至图片的范围内，单击鼠标左键，就会看见整个图片加亮，而图形以外的空白区域则不会，并且在图片的下方显示出图的解释。此时用户单击图形以外的任何空白区域都不会产生此效果。,图7-42 程序运行效果,接下来介绍它的程序及其属性设置。其流程图如图7-43所示。程序最开始的计算图标
8、用于设置窗口的大小，随后是两个群组图标，两幅图片就分别导入在这两个群组图标中。,图7-44 热对象交互属性,图7-43 热对象程序实例程序,7.4.2 动手实践：会说话的月亮,在读懂上面例题的程序和学习完热对象响应的属性设置后，大家应该更进一步地理解热对象响应和热区域响应的异同。正如本节开始提到的一样，热对象响应其实就是边界不规则的热区域响应，它们二者的属性设置近乎一致，所以接下来的操作题就不着重介绍复杂的交互设置，我们将会继续对比它们二者在用途方面的差异。,在此我们用曾在按钮交互中出现过的“月亮绕着地球转”这个实例来介绍。这段程序经过对“月亮”加入热对象响应后，可以实现鼠标移动到月亮上，即会
9、显现出一段提醒文字，如图7-45所示，,图7-45 月亮绕着地球转运行效果,在设置好上面的程序后，需要提醒的是在流程线上的交互作用分支结构须做如图7-46所示的设置。,图7-46 热对象响应设置,在这里我们双击响应类型图标打开“交互属性”对话框，并选中已作为移动图标所设置对象的月亮。在做完此步工作以后，用户在运行此程序后，单击正在围绕地球转动的月亮后就会进入此交互分支路径。 最后，再在位于响应图标位置上的群组图标中拖入一个显示图标，显示月球的相关信息，在此，我们将交互的“分支”属性设为“重试”，这样用户在阅读完月球的相关信息后，仍可以再次进行此交互。用户在运行程序后，会看见月球正绕着地球做匀速
10、圆周运动，当用户将鼠标放在月球上时，鼠标指针就会变为“手形”，并且在图下方会出现文字提示。,7.5 目标区响应,与我们以前介绍的静态的交互类型所不同，目标区响应需要用户移动对象进入已经预设好并且与之相匹配的区域内方可进行交互，相对来说它是一较特殊的动态交互。这也在一定程度上反映了目标区响应在某些方面的优越性。,7.5.1 目标区响应及其属性设置,在具体介绍其属性设置以前，还是让我们先来看一道简单的有关目标区响应的小实例。 运行该程序，在程序的演示窗口中会出现如图7-47中左图所示的设置。,图7-47 目标区响应程序运行效果,此时，用户可以用鼠标随意地拖动图中的图片在此演示窗口中移动。当用户将图
11、片放置在图中“椰子树”所对应的黑色方框区域内时，在演示窗口中便会出现下图中右图所示的效果，并且此时的图片不能再被用户的鼠标所移动。而如果用户选择在除此区域外的任何地方放置该图片，图片都会自动地移回它的初始位置，并且向用户提示出错的信息。此时，用户可以再次拖动图片进行选择，直到答对为止。,现在让我们一起来看实现这一效果的程序设置。,图7-48 目标区响应程序设置 图7-49 “交互”图标的显示设置,我们再接着看分支路径上的群组图标中的内容，如图7-48所示，制作者在命名为“正确”和“错误”的群组图标中分别放入了相关的反馈信息，并在计算图标中使用函数“Movable”图片“:=0”，这就使得摆放正
12、确的图片不能再次被移动。 另外，在本题中被错误摆放的图片自动移回其初始位置的效果牵涉到其交互属性的设置，我们将会在接下来的属性设置中再进行说明。,图7-50 目标区响应属性设置,7.6 下拉菜单响应,我们常用的应用软件都有菜单栏，并用菜单方式执行命令。使用下拉菜单响应可以设置菜单栏，利用该菜单可以选择所需要的命令来响应各个分支，得到反馈信息，这样用户也非常容易接受。 在默认情况下，演示窗口菜单栏上只有一个“文件”菜单，其选项只有一个“退出”命令，为了进一步控制程序，我们可以使用下拉菜单响应添加新的菜单和命令。如果运行程序时，演示窗口中没有菜单栏，可以使用“修改”菜单下“文件”命令中的“属性”对
13、话框，选中“选项”下的“显示菜单栏”复选框。,下拉菜单响应的交互与其他响应的交互方式有一个很大的区别，就是菜单通常需要在屏幕上保留很长一段时间，以便用户能够随时与它进行交互。因此，在运用菜单响应时，通常把各个菜单的交互方式设置成“永久”类型的交互方式，以便菜单能够始终处于激活状态。,7.6.1 下拉菜单响应及其属性设置,首先我们通过一个实例来完成对下拉菜单交互类型的介绍。先观看程序运行效果，运行程序进入图7-62（a）的界面，在“时间和日期”上单击时间时就会进入图7-62（b）的界面。如果单击日期，演示窗口上会显示日期。单击“文件”菜单的“退出”命令便会退出程序。,图7-62 下拉菜单交互效果
14、,上述效果的程序如图7-63所示，现在我们来解读该程序。“计算”图标中输入ResizeWindow(200, 200)是用来设定窗口大小，“显示图标”中的图片作为演示窗口的背景，这两个图标主要是用来设置视觉效果，我们可以设置任意的大小和背景。接着计算机读到“交互”图标时，演示窗口的菜单栏上多了一个“时间和日期”菜单，此时用户单击此菜单的“时间”命令，则会显示图7-63所示“输入时间”显示图标中所输入的内容“现在是北京时间 FullTime ”。, FullTime 是一个系统变量，运行程序时，显示的是时间。单击此菜单的“日期”命令，则会显示图7-63所示“输入日期”显示图标中所输入的内容“今天
15、是FullDate”。FullDate也是一个系统变量，运行程序时，显示的是日期。要想使时间和日期是走动着的，即随时更新，则需选中“输入日期”和“输入时间”两个显示图标的显示属性的“更新变量显示”复选框。之所以可以反复点击“时间”和“日期”，是因为把菜单的交互方式设置成“永久”类型的交互方式。,图7-63 下拉菜单交互,图7-64 “下拉菜单”响应属性对话框,“菜单项”文本框：用户在其中所输入的文本内容在演示窗口中显示的是菜单组的下拉菜单中的交互命令的名称。在此可以使用一些特殊字符来控制菜单项的显示方式。 例如：输入“(-”，则菜单中显示一条分隔线； 在菜单命令前方输入“(”，则菜单命令为灰色
16、，当前不能被使用； 输入空格，则菜单中显示空行； 在菜单命令的某个字母前输入“&”，则该字母被加上了下划线，且被设置为该命令的快捷键，如果想显示“&”字符本身，则需要输入“&”。,“快捷键”文本框：它的功能是设置与单击菜单命令等价的快捷键。如果要使用Ctrl键和其他键组合，比如Ctrl+A，可以输入“CtrlA”或者“A”；如果要使用Alt键和其他键组合，比如Alt+A，可以输入“AltA”。另外，利用键盘的上档键和下档键所对应的特殊字符也可以设置一些特殊的快捷键。例如，输入“+”所对应的快捷键是Ctrl+Shift+(+/=)。其中，(+/=)代表“+”和“=”两个符号的按键，“+”是上档键，“=”是下档键；输入“=”所对应的快捷键是Ctrl+(+/=)。在设置下拉菜单响应的快捷键时，一般不允许对同一个命令设置几个等同的快捷键，也不允许使用通配符，以免引起歧义。另外，Authorware并不区分大小写，因此要避免在一个菜单命令中使用“c”作为快捷键，在另一个菜
