Top Banner
65

第五章 Authorware7.0 交互 响 应

Jan 01, 2016

Download

Documents

第五章 Authorware7.0 交互 响 应 - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 第五章 Authorware7.0 交互 响 应
Page 2: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用第五章 Authorware7.0交互响应

多媒体是将图、文、声、像等各种媒体表达方式有机地结合到一起,并具有良好交互性的计算机技术。可见,除了前面已经学习过的图文声像等表达方式外,多媒体程序中的一个很重要的特点就是交互性,也就是说程序能够在用户的控制下运行。其目的是使计算机与用户进行沟通,互相能够对对方的指示做出反应,从而使计算机程序在用户可理解、可控制的情况下顺利运行。例如我们在 Word 中编辑了一些内容后要退出应用程序时,计算机就会提示你是否保存更改的内容,如图所示,这就是一种最常见的交互方式。当用户选择了某个按钮 ( 交互 ) ,程序就会按照用户的选择执行相应的内容 ( 响应 ) 。

正是考虑到多媒体程序的这种需求, Authorware7.0 利用交互图标为创作人员提供了多种交互响应方式,如按钮、菜单、文字、热区、时间限制、次数限制等。

Page 3: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.1认识交互图标 由于交互和响应是紧密联系的,所以在 Authorware7.0 中,我们常常将“交互类型”

和“响应类型”作为同一个概念使用。 创建一个新文件,从图标工具栏拖动一个交互图标到流程线上,文互图标的缺省名称

也是“未命名”,我们可以更改其图标名,如命名为“交互”。如图所示。 再拖动一个显示图标到交互图标的右侧,这时就出现一个【交互类型】对话框,如图

所示。

Page 4: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 交互类型对话框提供了 11 种交互类型可供选择。

【按钮响应】 可以在演示窗口创建按钮,并且用此按钮可以与计算机进行交互。按钮的大小和位置以及名称都是可以改变的,并且还可以加上伴音。 Authorware7.0 提供了一些标准按钮,这些按钮用户可以任意选用。如果用户觉得它们不够满意,还可以自己定义。当用户单击按钮时,计算机会根据用户的指令,沿指定的流程线 ( 响应分支 )执行。

【热区域响应】 可在展示窗口中创建一个不可见的矩形区域,采用交互的方法,可以在区域内单击、双击或把鼠标指针放在区域内,程序就会沿该响应分支的流程线执行,区域的大小和位置是可以根据需要在演示窗口中任意调整的。

【热对象响应】 与【热区域响应】不同,该响应的对象是一个物,即一个实实在在的对象,对象可以是任意形状的,而不象【热区域响应】响应区域一定是个矩形。这两种响应可以互为补充,大大提高了 Authorware7.0 交互的可靠性、准确性。

【目标区域响应】 用来移动对象,当用户把对象移到目标区域,程序就沿着指定的流程线执行。用户需要确定要移动的对象及其目标区域的位置。

Page 5: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用【菜单响应】

创建下拉菜单,控制程序的流向。【按键响应】

对用户敲击键盘的事件进行响应,控制程序的流向。【条件响应】

当指定条件满足时,这个响应可使程序沿着指定的流程线执行。【重试限制】

限制用户与当前程序交互的尝试次数,当达到规定次数的交互时,就会执行规定的分支,我们常用它来制作测试题,当用户在规定次数内不能正确回答出正确答案,就退出交互。

【时间限制响应】 当用户在特定时间内未能实现特定的交互,这个响应可使程序按指定的流程线继续执行,常用于“时间限制输入”等。

【文本输入响应】 用它来创建一个用户可以输入字符的区域,当用户按回车键来结束输入时,程序按规定的流程线继续执行,常用于输入密码、回答问题等。

【事件响应】 用于对程序流程中使用的 ActiveX 控件的触发事件进行响应。每种交互类型都有自己特定的功能,在许多情况下,为了得到需要的程序效果,我们都是将它们配合使用的。系统缺省的交互类型是【按钮响应】交互类型。

Page 6: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 我们称这种流程结构为交互结构,它不仅仅是交互图标,而是由交互图标、响应

类型符号、交互响应图标及交互后分支流向四部分组成,如图所示。

交互图标:交互结构的核心,是显示图标、等待图标、擦除图标等的组合,可以直接提供文本图形、决定分支流向、暂停程序执行、擦除窗口内容等功能。

交互响应类型符号:定义了用户可以与多媒体程序进行交互的控制方法,也叫交互类型。

交互响应图标:一旦用户与多媒体程序进行交互,它将沿着相应的分支执行,该分支被称为响应分支或交互分支,执行的内容 ( 即图标 ) 被称为交互响应图标。交互响应图标可以是一个单一图标,也可以是包含了许多内容的复杂模块。

交互响应后分支流向:定义了程序执行完分支后将按什么流向继续执行。

Page 7: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.2按钮响应 在程序设计过程中最常用的交互响应方式就是按钮响应,如选择按钮、退出按钮等。我们不仅可以利用按钮选择不同的程序内容,而且可以根据程序的需要或自己的爱好修改按钮外观。5.2.1利用按钮选择内容 下面通过实例介绍如何利用按钮选择内容。程序流程如图所示。

Page 8: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 1. 新建一个文件,命名为 a75-1.a7p。从菜单中选择【修改】 / 【文件】 / 【属性】选项,打开文件属性面板,定义显示窗口大小可变(在大小下拉列表框中选择“根据变量”选项),选中标题栏并使之在屏幕上居中,如图所示。

2. 拖动一个交互图标到流程线上,命名为“名花欣赏”。再拖动一个显示图标到交互图标右侧,从出现的【响应类型】对话框中选择按钮交互类型。关闭对话框,则该显示图标附着在交互图标的右侧,我们可以修改该图标 ( 响应图标 ) 的名称为“牡丹花”。 3. 双击打开显示图标“牡丹花”,导入牡丹花图片。 4. 再拖动两个显示图标到交互图标右侧 (第一分支右侧 ) ,程序直接以按钮交互类型分别为显示图标建立两个分支。为什么这里不出现交互类型对话框要求我们选择交互类型呢?这是因为:当我们为一个交互分支选择交互类型后,若再在此交互分支后面添加新的交互分支,则新分支自动继承前一分支的交互类型和相应属性。但是若将新分支直接添加到现有分支的前面,则不具有这种继承关系,需要重新选择交互类型。分别为各分支命名为“金莲花”和“郁金香”,并在其中导入相应的图片。

Page 9: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 5.运行程序,画面上会出现 3个按钮,其位置和大小可能不太合适,我们可以暂停运行,然后调整按钮的位置和排列(鼠标拖动按钮或使用【修改】→【排列】命令设置对齐),如图所示。

6.再次运行程序,单击不同的按钮,会出现不同的内容,也就是说程序按照我们的操作执行了相应的分支。 7. 停止运行程序。双击交互图标,能够打开一个显示窗口,其中包含了交互图标的 3 个分支按钮,我们也可以在其中添加文字、图片等内容,如在下方加入一句提示信息“单击按钮显示图片”。为了使程序美观,我们还可以在图片显示区域加一个相框。(用绘图工具绘制)

Page 10: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 8.关闭演示窗口。运行程序,可以看到画面上多了一句提示信息和图框,而且即使点击按钮执行不同的分支,该提示信息和图框也不会变化,如图所示。 9. 运行程序,查看效果。

Page 11: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.2.2按钮响应类型的响应属性 每一种交互类型都有其响应属性,由于响应总是与分支结合在一起的,所以有时我们也称响应属性为分支属性。 双击交互分支“牡丹花”上面的交互类型符号“”,会弹出交互图标属性面板,如图所示。 属性面板左上方为按钮外观预览窗口,下面是编辑按钮,可以对按钮进行编辑。右上方为按钮名称和交互类型,下方为【按钮】选项卡和【响应】选项卡,前者定义了按钮的外观,后者则定义了分支的交互属性。

Page 12: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用【按钮响应】选项卡中有如下一些属性。

【大小】:定义按钮大小。【位置】:按钮的坐标定位。【标签】:定义了按钮上的文字标签。【快捷键】:允许用户定义快捷键,当用户按下快捷键时就相当于按下了相应 的按钮。【默认按钮】:使此按键为缺省设置,这时如果按下键盘上的“ Enter” 键就相当于按下了本按钮。【非激活状态下隐藏】:当按钮为无效状态时自动隐藏。【鼠标指针】:允许用户选择不同光标形状。

【响应】选项卡的内容将在后面说明。 在程序设计时我们常常需要改变光标的形状。下面我们为按钮选择其他光标形状。单击【鼠标指针】后面的按钮,会出现一个【鼠标指针】对话框,要求用户选择一种光标样式,我们一般选择手形光标,如图所示。 单击确定按钮关闭对话框。这时可见属性对话框中【鼠标指针】后面的光标形状变为手形。关闭响应属性对话框,运行程序,当鼠标指针指向按钮时,会变化为手形。

Page 13: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.2.3添加自制按钮 上面我们使用的按钮是系统自身提供的,但是在多媒体的制作过程中,我们往往不满足仅仅使用这些简单的按钮,例如我们希望使用自己设计的按钮,并且使按钮按下时有声响,有外观图形化等。 单击左侧的按钮,会出现“按钮”对话框,如图所示,其中列出了Authorware7.0 系统提供的几种按钮样式,反白显示 (蓝色光条 ) 指示出当前使用的按钮样式。

Page 14: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 单击左下角的添加按钮,会出现一个“按钮编辑”对话框。如图所示。 其中:

窗口左上角为【状态】选项,用以定义按钮的各个状态。 右侧为预览区,用来观看按钮外观并可以引入图片、声音等媒体素材。 左下角为【按钮描述】区,用来对按钮进行描述说明。

每个按钮都有数种状态,不过在定义一个按钮时,一般仅需要设置【常规】状态下【未按】、【按下】和【在上】状态,即按钮正常状态、按下状态和鼠标指向状态的按钮外观,但是由于按下状态持续时间很短,因此我们也可以不考虑按下状态的外观。所以,自制按钮时应完成如下工作:

为【未按】状态引入图片;为【按下】状态引入声响 ( 按钮按下的声响 );

为【在上】状态引入图片、声响 (鼠标进入时的声响 ) 。

Page 15: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 下面我们就来练习制作一个当鼠标指向能够浮现的按钮。 我们首先利用图像处理软件制作三个按钮图片,分别用于按钮“未按”、“按下”和“在上”三种状态。用鼠标从【状态】中选择【常规】下的【未按】状态,即按钮正常状态,可见一个黑色线框出现在相应位置。单击预览区的【图案】栏后的导入按钮,会出现一个输入文件对话框,选择一个预先做好的按钮图片,把它引入到按钮编辑窗口中来,则该图片出现在预览窗口,同时【图案】栏的内容变为“使用导入图”。标签选项设置为显示卷标。如图所示。 再选择【常规】下的【按下】状态,用【声音】栏后的导入按钮引入一个声响,可以利用播放按钮来预听一下这个声响的效果。 为按钮的【在上】状态也引入一个按钮图片和一个声响效果。编辑完按钮外观后,我们还可以在按钮描述区写下一些说明文字,来说明这个按钮的主要作用。 单击确定按钮,关闭按钮编辑窗口,可见我们自定义的按钮已出现在“按钮”对话框,并且反白显示,处于被选中状态。 再单击确定按钮,关闭“按钮”对话框,回到“交互属性面板”,可见自定义的按钮出现在左侧小预览窗口中。

Page 16: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 关闭响应属性对话框。运行程序,可见我们自定义的按钮出现在屏幕上,光标指向按钮会使按钮图片变化同时发出一个声响。单击按钮,在发出声音的同时显示出“牡丹花”分支的内容,如图所示。 按照同样的方法完成另外两个按钮的自定义设置,最后保存程序。

Page 17: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.3热区域响应 我们可以将屏幕上的某个区域作为交互控制对象,通过对该区域的操作来决定分支的执行情况,这个控制区域就被简称为“热区”。下面我们制作一个实例,响应类型为热区域响应类型,要求实现“鼠标指向响应区域即出现与之对应的内容”的功能。程序流程如图所示。

Page 18: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用1. 新建一个文件,将文件命名为 a75-2.a7p。2. 拖放一个交互图标到流程线上,命名为四大名园。3. 再拖放一个显示图标,此时弹出交互类型对话框,我们选中交互类型为“热区域”,点击确定按钮关闭对话框。然后,为刚拖放的显示图标命名为“避暑山庄”。同样再向交互流程中拖放三个显示图标,并分别命名为“拙政园”、“颐和园”、“留园”。4. 双击交互图标,打开其显示窗口,导入四大名园对应图片,放在演示窗口的四个角。随后,在窗口中间输入标志信息 “四大名园”,最终效果如图所示。

Page 19: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5. 单击交互响应类型符号,打开交互图标属性面板。除了【大小】和【位置】两个基本属性外,热区域响应还包括以下属性。【快捷键】:用户可以定义快捷键,如用“ a” 就可以定义快捷键为“ A” 键。

【匹配】:用户与计算机交互的方式,可以有单击、双击或光标进入区域 3种。【匹配时加亮】:当交互时以高亮 (反显 ) 来显示。【匹配标记】:在热区左侧出现一个标记,当交互时该标记显示被选中。【鼠标指针】:允许用户选择使用不同的光标形状。

为了实现“鼠标指向即出现内容”的功能,我们需要将【匹配】属性设置为“指针处于指定区域内”,如图所示,这样,当鼠标指到热区时就能够执行相应的分支。那么,热区在什么位置呢?单击交互图标,可见在显示窗口中有四个由 8 个小方块 (句柄 ) 包围的虚线框,该虚线框定义的区域就是当前分支的热区,其中的文字是本分支的名称。

Page 20: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用6. 将鼠标对准虚线并按下鼠标左键拖动该热区标记,使之移动到相应图片“避暑山庄”、“拙政园”、“颐和园”、“留园”所在位置,然后拖动四周句柄,调整热区大小与图片相当。将“避暑山庄”、“拙政园”、“颐和园”、“留园”四个分支的【匹配】属性都设置为“指针处于指定区域内”。7. 双击打开交互图标,调整图片和热区位置,使热区与相应图片内容一一对应起来。提示:调整热区大小时用鼠标拖动句柄,而调整热区位置时要用鼠标拖动热区边框(虚线框 ) 。8. 完成以上设置后,我们在四个交互响应图标中分别输入与之对应的文字简介。这样,我们就可以实现当鼠标经过定义了热区的图片时,同时显示与之对应的文字简介。具体操作步骤如下:单击交互图标,然后按住 shift 键的同时双击“避暑山庄”显示图标。(这样操作的好处是我们可以根据交互图标中图片的位置来调整文字简介的位置)然后,我们选择文字工具在演示窗口中间输入“避暑山庄”的文字简介。为了防止文字内容过长,演示窗口不能完全显示,我们将文本设置为卷帘文本。(具体操作:选择文本菜单后选中“卷帘文本”)用同样的方法,完成其它三个显示图标的文字简介。9. 关闭显示窗口。运行程序,画面上并没有热区标记,但是由于我们将热区放在相应的文字处,所以当鼠标指针移动到热区位置 ( 文字 )上时,就会出现相应分支的内容,而且是“鼠标指向即出现内容”。10. 保存程序。

Page 21: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.4交互响应的属性 我们已经学习了两种交互类型,并且简单说明了交互响应的属性。但是我们并没有详细介绍各项属性的含义,而这些属性对于交互图标的运用是非常重要的,本节我们就要学习这些属性内容。 不论是按钮交互类型、热区交互类型,还是后面要讲到的其他交互类型,它们的属性对话框都包含两个选项卡:一个是类型属性,另一个是响应属性。虽然它们的类型属性不同,但它们的响应属性都是一样的。下面我们以按钮交互类型的响应属性为例来说明交互响应属性的内容。

Page 22: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 新建一个文件,命名为 a75-3.a7p。拖动一个交互图标到流程线上,然后再拖动一个群组图标到交互图标右侧,选择交互类型为【按钮响应】,建立一个简单的交互循环结构。 双击响应类型符号,打开交互响应属性面板,可见其中有一个【按钮】选项卡和一个【响应】选项卡。【按钮】选项卡包含的就是交互类型属性,其标签名称和选项卡内容都会随着交互类型的变化而变化。 单击【响应】标签,可见【响应】选项卡的内容如图所示。

Page 23: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 下面对各属性的含义进行介绍。

【范围】:定义交互操作的作用范围,若选中【永久】选项,则该交互操作( 如按钮、热区等 ) 会在离开本交互循环后仍然有效。 【激活条件】定义交互操作只有当表达式为真时才能有效。 【擦除】:自动擦除选项。 【分支】响应类型选项。 【状态】:自动判断选项。 【记分】:完成此分支所能得到的分数,可为正、负或表达式值。该选项常用于用户测评或计算机管理教学 (CMI) ,一般设计较少使用。

【擦除】、【分支】和【状态】 3个属性包含了多个选项,而且我们在程序设计中也经常要使用它们,所以下面对它们进行详细说明。

【擦除】 ( 自动擦除选项 ) 。该属性决定了本分支 ( 分支图标 ) 所产生的画面内容该如何擦除,其中共有 4 个选项。

“ 在下次输入之后”:保留本响应分支产生的内容,直至执行下一次交互。 “ 在下次输入之前”:当本响应分支执行完时,自动擦除本分支中各种图标产 生的内容。 “ 在退出时”:本响应分支的内容不被其他交互分支擦除,直到退出交互时才被擦除。 “ 不擦除”:本响应分支产生的内容不被擦除,退出交互也将保留。

Page 24: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 【分支】 ( 响应类型选项 ) 。

该属性决定了本分支执行完毕后程序该如何流向,即程序该如何继续执行,其中有 3个或 4个选项。

“ 重试”:分支执行完毕后,程序循环,等待继续交互。 “ 继续”:分支执行完毕后,继续判断执行位于该分支右侧的其他分支。 “退出交互”:分支执行完毕后,程序将退出当前循环,执行流程线上

下面的 内容。 “返回”:必须先选中“永久”复选框,然后才会出现“返回”响应类

型。这时,分支相当于一个子程序,调用执行完,会返回程序中调用它的位置。

4种响应类型的分支流向符号分别如图所示。

Page 25: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 【状态】 ( 自动判断选项 ) 。

该属性决定了是否对符合本分支的交互进行正误判断其中有3个选项。

“ 不判断”:不判断正确错误,它是一个缺省设置。 “ 正确响应”:选择此选项, Authorware7.0 会

自动把符合本分支条件的操作视为正确。 “错误响应”:选择此选项, Authorware7.0 会

自动把符合本分支条件的操作视为错误。 交互响应的属性理解起来较为困难,我们会通过后续章节

的学习来熟悉这些交互类型属性的设置。

Page 26: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.5热对象交互响应 热对象响应就是以对选定对象的操作作为交互分支的执行条件,我们称这个选定的对象为“热对象”。下面我们以一个“认识九大行星”的例子来说明这种交互类型的用法。画面中有九大行星图片,要求当鼠标指针移到某个行星图片上时就能立即显示相应的行星名称。 具体操作步骤: 1. 建立一个新文件,命名为 a75-4.a7p。打开文件属性对话框,设置显示窗口大小为根据变量、显示标题栏。拖放图标到流程线上,并命名,主流程以及行星二级流程图如图所示。

Page 27: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用2. 在“标题”显示图标中输入标题“认识九大行星”,字体为黑体,大小36号,颜色为绿色,透明模式。3. 在“背景”显示图标中插入背景图片4. 在“背景”显示图标下面的 10 个显示图标中分别插入对应的行星图片,并设置为透明模式,将图片调整到适当位置,如图所示。

Page 28: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5. 双击“背景”图标,按住 shift 键,双击反馈图标“ 1” ,在演示窗口的右下角输入“水星”,字体为黑体,颜色为黄色,大小 72号。依次在后面的 9个反馈图标中输入对应行星的名称,文字属性和“水星”相同。6. 拖动一个计算图标到交互图标的最右侧,选择按钮交互方式,为循环添加一个“退出”分支,注意要设置【分支属性】为“退出交互”。在计算窗口中输入“ Quit()”。7. 设置交互类型图标属性面板。前十路分支的类型图标属性设置相同,参见图与图的设置。“退出”分支类型图标属性面板中“按钮”选项卡中鼠标为手形;其余参数使用默认设置。为使界面美观,这里我们按照 5.2.3 节添加自制按钮地方法自定义一个按钮。

Page 29: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用8. 运行程序,按 Ctrl+P键暂停程序,调整按钮的位置和大小。9. 再次运行程序,可以看到,当鼠标放到哪个行星上时,就可以看到相应的名称。

Page 30: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 注意:运行程序时,我们看不到标题提示信息“认识九大行星”。那是因为“背景”层将其遮盖住了。我们单击“标题”显示图标,在显示图标属性面板中将层设置为“ 1” 即可。 想一想:我们是否可以在交互分支中添加多个显示图标呢?让我们来试一试。 拖动一个显示图标到“ 1”交互分支,可是你会发现,显示图标并没有添加到“ 1”分支上,而是自动形成了一个新的分支。 这说明交互分支上只能放置一个图标,因此若分支内容需使用多个图标,就必须用群组图标将它们组合起来。同时,大家还应该注意到交互分支显示方式的变化,这是因为交互图标右侧仅能显示 5个分支,一旦分支多于5个就必须以滚动条的方式出现。 另外,群组图标不仅可以用来在分支上包括多个图标,而且由于群组图标可以是空图标,即使不包含任何内容,程序也能够照样通过,所以空白群组图标常用于建立无具体内容的分支。

Page 31: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.6目标区域交互响应 在多媒体程序中,常要求用户将某个对象拖动到指定的位置,例如将画面上错位的图片复位等。 Authorware7.0 提供的【目标区域】交互类型就能够实现这种要求。下面我们用一个“对号入座”的示例来说明这种交互类型的用法。 练习要求将文字拖动到与之对应的颜色上,如果对应正确,就被锁定到该颜色中央,否则就返回到初始位置。 本例主要使用了目标区交互结构来实现上述功能。需要设计者选定操作对象,并设置拖放的正确区域和错误区域。这里的错误区域对应的交互分支可以通过勾选“允许任何对象”来简化程序设计,这样我们就可以只设一路,而不用和正确分支数量相同。 1. 建立一个新文件,命名为 a75-5.a7p。设置显示窗口大小可变、居中并选中标题栏、菜单栏。主流程以及操作对象二级流程图如图所示。

Page 32: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用2. 设置背景显示图标,在显示窗口中央输入标题“对号入座”,字体“华文行楷”字号“ 36” ,利用绘图工具箱的矩形工具绘制六个颜色块,分别为“红”、“黄”、“蓝”、“绿”、“棕”、“黑”,并调整好各颜色块的位置,在演示窗口的底边输入提示信息,效果如图所示。

Page 33: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 3. 由于我们是要拖动对象,为了防止在拖动文字时不小心将“背景”图标中的内容拖动,我们可以用函数定义图标中的内容不可移动。用鼠标右键单击图标,从弹出的快捷菜单中选择【计算】命令,会出现一个计算窗口,在其中输入如图所示的表达式内容,定义显示图标内容不可移动。 Movable 是一个系统变量,当其值为“假”时,所定义的图标的内容不可被移动,可以从【变量】对话框中获得这个变量。这里由于要定义显示图标“说明”不可移动,所以表达式为“Movable :=FALSE或Movable :=0”。 关闭计算窗口,会发现一个小的“ =”符号附着在显示图标“背景”上,这种结构相当于一个显示图标加上一个计算图标,我们将其叫做附属计算图标。

Page 34: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用4. 在操作对象群组中的显示图标中分别输入与颜色块对应的文字,在输入文字之前先将文字的颜色改为与文字所描述的颜色不同的颜色。在我们这个程序中,由于每个文字在不同的显示图标中,所以不容易排列。我们可以先运行程序,然后按 Ctrl+P组合键暂停程序。使用【修改】 / 【排列】命令,使所有文字水平等距。5. 设置交互。首先设置“红”交互分支,运行程序,将会停在交互分支处等待设置属性。单击“红”字作为操作对象,此时虚线框套在“红”字上,然后拖动“红”字到红色块上,调整虚线框大小使其刚好包围红色块,目标区选项卡和响应选项卡设置参照图和图所示。

Page 35: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用6. 运行程序,将会停在第二路交互分支处等待设置属性。参照第一路分支,首先选择操作对象,然后将对象拖放到目标区,最后设置属性面板。按照相同的方式,以此类推,完成前六路正确分支的设置。7. 再次运行程序,将会停在第七路错误交互分支处等待设置属性。不选任何对象,将“错误”虚线框调整为覆盖全窗口,设置属性面板的“目标区”选项卡。勾选“允许任何对象”,将“放下”下拉列表设置为“返回”;“响应”选项卡的“状态”下拉列表为“错误响应”。8. 反馈群组图标中不放任何图标,这里是利用了群组图标可以执行“空操作”的特性。9. 最后一路分支为“退出”按钮交互,在计算图标中输入函数: Quit ( ) ,将类型图标属性面板“响应”选项卡的“范围”选项勾选“永久”,其余为默认设置。

Page 36: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 10. 运行程序,拖放文字到相应的颜色块上,如果正确匹配,文字就会被锁定在相应的颜色块上,如果匹配不正确,则返回原位置。效果如图所示。 注意:在程序设计过程中,正确分支和错误分支的前后位置不能颠倒,否则图片总是要返回初始位置的。这是为什么呢? 当我们拖动图片到某一位置后,程序要从前向后判断是否符合分支条件。由于错误分支的目标区域覆盖整个显示窗口,所以不管把图片拖放到什么位置都符合其目标区域条件,因此若将错误分支放在正确分支前面,就会总是执行错误分支。

Page 37: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.7下拉菜单交互响应5.7.1下拉菜单响应实例1. 新建一个文件,命名为 a75-6.a7p。设置显示窗口大小可变,窗口居中,保留标题栏和菜单栏。2. 拖动一个显示图标到流程线上,命名为“标题”。双击打开显示窗口,调整画面大小,导入一幅背景图片,输入标题文字“唐诗鉴赏”。3. 拖动一个交互图标到流程线上,命名为“作者简介”。再拖动三个群组图标到交互图标右侧,从出现的【响应类型】对话框中选择“下拉菜单”交互类型。关闭对话框,分别定义三个分支名称为“李白”、“杜甫”、“白居易”,如图所示。

Page 38: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用4. 双击“李白”群组图标,打开二级流程,在其中拖放一个显示图标,命名为“李白简介”。双击“标题”显示图标,按住 Shift 键同时双击“李白简介”显示图标,在演示窗口中引入李白图片并输入李白相关简介。效果如图所示。

5. 按照第四步操作,完成另外两位诗人的简介设置。运行程序,我们可以看到在窗口菜单栏上出现了一个“作者简介”菜单,其中包含了三个菜单项,单击菜单项,就可以执行与之对应的分支,显示与之对应的内容。

Page 39: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.7.2隐藏系统文件菜单 如果我们想把系统提供的文件菜单隐藏,制作一个个性下拉菜单,那么如何实现呢?我们以程序 a75-6.a7p 为例,首先我们通过修改文件的属性来实现。具体方法:打开【修改】 / 【文件】 / 【属性】,在文件属性面板中我们采用不勾选“显示菜单栏”的方法,但是,采用此方法“作者简介”菜单命令也看不到了。那么如何实现隐藏系统提供的文件菜单呢? 1. 在原流程线“标题”上方建立下拉菜单交互结构,将交互图标命名为文件,设置类型图标属性面板响应选项卡的“范围”,勾选“永久”。 2. 在交互结构下方放擦除图标,命名为“擦除”。运行程序,设置擦除对象为菜单栏的【文件】命令。 3. 运行程序,可以看到【文件】下拉菜单没有了。

Page 40: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.7.3多个下拉菜单的制作1. 打开程序 a75-6.a7p,我们在“作者简介”交互结构下方,再拖放一交互结构,命名为“作品”。再向交互中拖放三个群组图标,交互类型为下拉菜单,并分别命名为“李”、“杜”、“白”。2. 分别向三个群组图标中放显示图标,命名并分别输入相应的作品。3. 将“作者简介”交互各分支类型图标属性面板“响应”选项卡的“范围”都勾选“永久”,将分支都设置为“返回”。同理,完成“作品”交互结构的各项设置。流程图如图所示。

Page 41: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用4. 调试运行,单击【作品】菜单,再单击“白居易”菜单命令,结果如所示。 注意:在添加多个菜单过程中,上述“第 3步”操作很重要,一定要将交互各分支类型图标属性面板“响应”选项卡的“范围”都勾选“永久”,将分支都设置为“返回”。否则,程序运行时我们看不到该交互结构中反馈图标所反馈的内容。

Page 42: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.7.3下拉菜单的特色设置1. 快捷键的设置:可以在类型图标属性面板“菜单”选项卡中的“快捷键”栏中输入作为快捷键的字母。使用时与 Ctrl键组合使用。2. 加速键的设置:在需要设置加速键的分支名称前面输入“ &字母”,比如在 a75-6.a7p程序中要为【李白】菜单命令设置“ L” 为加速键,可以选中“李白”,更改为“ &L李白”。 3. 下拉菜单分割线设置:在要加分割线的两组分支的反馈图标之间增加一路群组反馈图标并命名为“ -” 或“ - )”即可以实现分割。最终结果如图所示。

Page 43: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.8条件交互响应 交互响应还有一种类型是【条件】交互响应,它是用条件来控制分支的选择和执行的。条件一般是变量、函数或表达式,当条件得到满足时就执行相应的分支。条件响应也是我们在程序设计中经常用到的一种交互类型。 下面通过一个实例来学习条件交互响应类型。 1. 新建一个文件命名为 a75-7.a7p。 2. 拖动一个计算图标到流程线上,命名为“初始变量”,双击打开计算图标,在其中输入如图所示内容,定义变量“ a”初值为“ 1” 。

Page 44: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用3. 在流程线上拖入一个交互图标,命名为“名车欣赏”。4. 在交互图标右侧拖入一个群组图标,设置其交互响应类型为“条件”,并为该交互响应图标命名为“ a=1” 。5. 双击此分支的群组图标,在二级流程线上分别拖入一显示图标、等待图标和计算图标,并进行命名如图所示。

Page 45: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用6. 选中“汽车 1” 显示图标,导入“汽车 1” 图片,调整好位置。然后,在显示图标属性面板中设置特效为“从左往右”,并选中“擦除以前内容”复选框,设置如图所示。

7. 双击等待图标,设置“时限”为“ 2 秒”,其他复选框不选。8. 双击计算图标,在变量窗口中设置内容为“ a:=a+1” ,如图所示。

Page 46: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用9. 单击分支交互类型符号,打开“条件”选项卡,进行如图所示的设置。

其中:【条件】定义了分支的响应条件。【自动】定义了条件自动判断的方式,它有 3个选项。

关:不进行条件的自动判断。为真:当条件成立时就执行分支。为假:当条件由“假”变化为”真”时就执行分支。

10. 按同样的步骤再创建五个分支显示不同 5-40 所示。

Page 47: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用11. 最后拖入一个计算图标作为第七个分支,双击打开计算图标,键入如下内容“ if a=7 then a=1” ,此计算图标判断变量“ a” 的值是否为“ 7”,如为真则给变量“ a”置初值为“ 1” ,如图所示。12. 运行程序,会看到图片以推出方式循环显示。13. 保存程序。

Page 48: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.9文本输入交互响应 1. 打开前一节保存的文件 a75-7.a7p。 2. 在流程线上拖入一个交互图标,命名为“文本输入”。再拖入一个群组图标到交互图标的右侧,出现【响应类型】对话框,选择【文本输入】类型,关闭对话框,命名该群组图标为“ 123”。利用“ 123”作为文本输入交互类型的响应条件,可以使该分支执行,即用户只有从键盘上输入“ 123”时,才会进入该分支执行。双击分支交互类型符号,打开交互图标属性面板,把“响应”选项卡里面的“分支”设置为“退出交互”,如图所示。

Page 49: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用3. 双击“文本输入”交互图标,出现了一个小三角标记,在小三角后面还出现了一个虚线框,这个虚线框就是文本输入的区域,我们在虚线框的左面输入提示信息,如图所示 。

Page 50: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用 4. 双击“虚线框“打开交互文本输入区域属性对话框,该对话框包括 3个设置选项卡。

【版面布局】选项卡的内容如图所示,可以设置区域的大小、位置、输入字符数量的限制以及当字符数量达到限制值时是否自动进行判断。

【交互作用】选项卡的内容如图所示,可以设置确认键,选择是否显示输入标记、是否忽略空白输入、是否在离开交互时自动擦除输入文字等。

Page 51: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用【文本】选项卡的内容如图所示,可以设置输入文字的字体、大小、样式、色彩、显示模式等属性。

5. 双击群组图标,打开其二级流程线,在上面拖入一个擦除图标、显示图标和等待图标,分别命名为“擦除文本”、“提示”和“等待 2 秒”。双击擦除图标,设置擦除文字内容。6. 双击打开“提示“显示图标,输入文字“密码正确!”。7. 双击打开等待图标,设置等待时间为“ 2”秒8. 运行程序,只有输入“ 123”后,按“回车”键才能执行后面的程序,否则一直要求输入密码。9. 保存程序为 a75-8.a7p。

Page 52: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.10按键交互响应 键盘是电脑中最主要的输入工具之一,是人机交互的重要途径,因此 Authorware7.0 的交互类型中也提供了按键响应方式。这种交互方式可以对用户按下的某个键进行响应。【按键】交互响应类型是利用按键来控制分支的执行。下面我们练习一个例子,利用 4个方向键控制棋子的移动。 1. 建立一个新文件,命名为 a75-9.a7p。设置文件属性,定义显示窗口大小根据变量,勾选“显示菜单栏”、“显示标题栏”。 2. 拖放一个显示图标到流程线上,命名为“棋盘”。双击打开显示窗口,利用绘图工具箱的矩形工具绘制一个 4×4方格棋盘,如图所示。

Page 53: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用3. 再拖放一个显示图标到流程线上,命名为“棋子”。双击打开显示窗口,引入一张图片作为棋子。4. 拖放一个交互图标到流程线上,命名为:“按键响应”。5. 再向交互结构中拖放 4个计算图标,类型全部为:“按键响应”,并分别命名为:“ leftarrow” 、“ rightarrow” 、“ uparrow” 、“ downarrow” ,最后,拖放一个移动图标,类型为:“条件响应”,将其命名为:“ TRUE” 。流程图如图所示。

Page 54: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用6. 单击“ leftarrow” 分支交互类型符号,打开其交互图标属性面板,其中“按键”选项卡采用系统默认设置。“响应”选项卡设置如图所示。

7. 按照上面第 6步操作完成另外三个分支的“响应”选项卡设置,需要注意的是,激活条件“ leftarrow” 对应的为 x>1;“ rightarrow” 对应的为 x<4 ;“ uparrow” 对应的为 y>1;“ downarrow” 对应的为 y<4,其它设置相同。8. 双击“ leftarrow” 计算图标,在计算窗口中输入“ x:=x-1” ,关闭对话框,此时弹出新建变量对话框,我们给“ x”赋初始值“ 1”;同理,在“ rightarrow”计算窗口中输入“ x:=x+1”;在“ uparrow” 中输入“ y:=y-1” ,为“ y”赋初始值“ 1”;在“ downarrow” 中输入“ y:=y+1” 。9. 单击“移动图标” 分支交互类型符号将“响应”选项卡的“分支”设置为“继续”。

Page 55: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用10. 双击移动图标设置移动图标属性如图所示。

棋子活动范围如图所示。

11 、保存程序。

Page 56: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.11时间限制响应 在口令设置或某些测试练习中,我们常常会遇到需要用户在规定时间内输入正确内容, Authorware7.0 的时间限制响应就可以实现该功能。时间限制响应和条件响应一样,一般与其它响应配合使用,主要用来限制用户响应某一交互所花费的时间。为程序增设时间限制,使得用户在输入错误答案时不能无限制地再次输入。 1. 打开程序 a75-8.a7p。在“ 123”交互响应图标的右边再拖放一个群组图标,命名为“时间限制”。如图所示。

Page 57: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用2. 打开此分支的响应属性面板,更改【类型】为“时间限制”类型。如图所示。

其中:【时限】:定义时间限制的时间长短,以秒为单位。【中断】:定义当时间限制交互期间,如果用户或程序执行了其他的工作( 如使用永久性的下拉菜单、按钮等 ) ,那么这个时间限制该如何计算。它包括 4个选项,我们一般均采用缺省选项“保持计时”。【显示剩余时间】:使用一个小闹钟在画面上来指示剩余时间。【每次输入后重新计时】:每次输入后重新计时。

在【时间限制】栏输入“ 10” ,即定义时间限制为 10秒钟,选择“显示剩余时间”复选框,其余设置为默认。

Page 58: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用3. 打开此分支的群组图标,在二级流程线上拖放一显示图标、等待图标和计算图标,并分别命名如图所示。

Page 59: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用4. 在“提示”显示图标中导入“苦脸”图片,调整好大小。输入提示文字如图所示。

5. 等待图标设置等待时限“ 2”秒,其它复选框不勾选。6. 双击打开计算图标,输入函数: Quit()。7. 运行程序,如果在 10秒内没有输入正确密码,程序将在 2秒后自动关闭。8。程序另存为 a75-10.a7p。

Page 60: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.12重试限制响应 在 5.9节所讲的文本输入练习中,用户可以多次输入密码。但在实际应用中,我们往往要限制用户的输入次数,例如为保护程序而加入的密码口令设置,往往只允许用户输入几次口令,不正确就会退出程序。在 authorware7.0 中重试限制响应可以简便地实现这种限制方式。1. 打开程序 a75-10.a7p。2. 将“时间限制”群组图标其中的内容做适当的修改以适合本例。如图所示。

Page 61: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用3. 双击其交互响应类型符号,将类型改为【重试限制】。设置【最大限制】为“ 3” ,即最多尝试 3 次,当用户尝试 3 次输入后,程序将执行此分支。4. 双击“次数限制”交互响应图标,打开二级流程,将“提示”显示图标中的文字内容改为图所示内容。

5. 运行程序,连续输入 3 次内容以后,程序就将执行限次分支,结束交互响应,关闭应用程序。6. 将程序另存为 a75-11.a7p。

Page 62: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用5.13事件响应 事件响应可以对流程线上外部控件的“ Event”事件进行响应。这些外部控件可以是由【插入】 / 【控件】 /命令插入的 ActiveX 控件,也可以是由【插入】 / 【媒体】 /命令插入的 GIF动画、 Flash动画或 QuickTime动画。不同的外部控件有着不同的“ Event”事件,通过对这些事件的监测,就可以实现不同的响应。 下面我们用一个实例说明一下这种交互类型的用法。在这个应用程序中,通过 ActiveX 控件调用 RMVB视频,并通过按钮交互控制视频播放。 1. 建立一个新文件,命名为 a75-12.a7p。 2. 选择【插入】 / 【控件】 / 【 ActiveX 】命令,在控件选择窗口中选择“ RealPlayer G2 Control” 控件,在流程线上插入 ActiveX 控件图标,并命名为“视频播放器”。 3. 设置 ActiveX 控件属性。该控件属性可以在插入控件时设置,也可以先不设置,待确认插入后,再通过属性面板的“选项”按钮展开属性设置对话框,如图所示。

Page 63: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用其中几项属性的功能如下:

AutoGotoURL:是否自动链接,有“ True” 和“ False” 两个值;AutoStart:是否自动播放,有“ True” 和“ False” 两个值;Controls :该属性返回或设置可见播放器的控制,有效的设置值有“ All” 、“ ControlPanel” 、“ ImageWindow” 等值。我们这里输入“ ImageWindow” ,使控件显示图像窗口;Source:需要播放的媒体文件的名称,可以是本地文件或者 URL地址;

4. 通过调用 ActiveX 控件的“方法”完成特定的功能。向流程线上再添加图标并命名,如图所示。

Page 64: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用在“控制”交互结构中,我们新建一个变量“ a” ,并赋初值“ 1” 。“播放”计算图标中输入以下代码:file:=" 探索发现 .rmvb"SetSpriteProperty(@"视频播放器 ", #source, file)CallSprite(@"视频播放器 ", #DoPlay)a:=2“暂停”计算图标中输入以下代码:CallSprite(@"视频播放器 ", #DoPause)a:=3“ 继续”计算图标中输入以下代码:CallSprite(@"视频播放器 ", #DoPlaypause)a:=2“停止”计算图标中输入以下代码:CallSprite(@"视频播放器 ", #Dostop)a:=1

Page 65: 第五章 Authorware7.0 交互 响 应

多媒体课件制作与应用设置“播放”交互类型图标属性面板“响应”选项卡的激活条件为“ x=1” ,如图所示。然后依次设置“暂停”、“继续”、“停止”交互类型图标属性面板“响应”选项卡的激活条件为“ x=2” 、“ x=3” 、“ x=2” 。注意:视频文件必须和程序文件放在同一目录下,才可以顺利播放。5. 保存程序。