1 / 65

第五章 Authorware7.0 交互 响 应

第五章 Authorware7.0 交互 响 应

Download Presentation

第五章 Authorware7.0 交互 响 应

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  2. 5.1认识交互图标 由于交互和响应是紧密联系的,所以在Authorware7.0中,我们常常将“交互类型”和“响应类型”作为同一个概念使用。 创建一个新文件,从图标工具栏拖动一个交互图标到流程线上,文互图标的缺省名称也是“未命名”,我们可以更改其图标名,如命名为“交互”。如图所示。 再拖动一个显示图标到交互图标的右侧,这时就出现一个【交互类型】对话框,如图所示。

  3. 交互类型对话框提供了11种交互类型可供选择。 交互类型对话框提供了11种交互类型可供选择。 • 【按钮响应】 • 可以在演示窗口创建按钮,并且用此按钮可以与计算机进行交互。按钮的大小和位置以及名称都是可以改变的,并且还可以加上伴音。Authorware7.0提供了一些标准按钮,这些按钮用户可以任意选用。如果用户觉得它们不够满意,还可以自己定义。当用户单击按钮时,计算机会根据用户的指令,沿指定的流程线(响应分支)执行。 • 【热区域响应】 • 可在展示窗口中创建一个不可见的矩形区域,采用交互的方法,可以在区域内单击、双击或把鼠标指针放在区域内,程序就会沿该响应分支的流程线执行,区域的大小和位置是可以根据需要在演示窗口中任意调整的。 • 【热对象响应】 • 与【热区域响应】不同,该响应的对象是一个物,即一个实实在在的对象,对象可以是任意形状的,而不象【热区域响应】响应区域一定是个矩形。这两种响应可以互为补充,大大提高了Authorware7.0交互的可靠性、准确性。 • 【目标区域响应】 • 用来移动对象,当用户把对象移到目标区域,程序就沿着指定的流程线执行。用户需要确定要移动的对象及其目标区域的位置。

  4. 【菜单响应】 • 创建下拉菜单,控制程序的流向。 • 【按键响应】 • 对用户敲击键盘的事件进行响应,控制程序的流向。 • 【条件响应】 • 当指定条件满足时,这个响应可使程序沿着指定的流程线执行。 • 【重试限制】 • 限制用户与当前程序交互的尝试次数,当达到规定次数的交互时,就会执行规定的分支,我们常用它来制作测试题,当用户在规定次数内不能正确回答出正确答案,就退出交互。 • 【时间限制响应】 • 当用户在特定时间内未能实现特定的交互,这个响应可使程序按指定的流程线继续执行,常用于“时间限制输入”等。 • 【文本输入响应】 • 用它来创建一个用户可以输入字符的区域,当用户按回车键来结束输入时,程序按规定的流程线继续执行,常用于输入密码、回答问题等。 • 【事件响应】 • 用于对程序流程中使用的ActiveX控件的触发事件进行响应。 • 每种交互类型都有自己特定的功能,在许多情况下,为了得到需要的程序效果,我们都是将它们配合使用的。系统缺省的交互类型是【按钮响应】交互类型。

  5. 我们称这种流程结构为交互结构,它不仅仅是交互图标,而是由交互图标、响应类型符号、交互响应图标及交互后分支流向四部分组成,如图所示。 我们称这种流程结构为交互结构,它不仅仅是交互图标,而是由交互图标、响应类型符号、交互响应图标及交互后分支流向四部分组成,如图所示。 • 交互图标:交互结构的核心,是显示图标、等待图标、擦除图标等的组合,可以直接提供文本图形、决定分支流向、暂停程序执行、擦除窗口内容等功能。 • 交互响应类型符号:定义了用户可以与多媒体程序进行交互的控制方法,也叫交互类型。 • 交互响应图标:一旦用户与多媒体程序进行交互,它将沿着相应的分支执行,该分支被称为响应分支或交互分支,执行的内容(即图标)被称为交互响应图标。交互响应图标可以是一个单一图标,也可以是包含了许多内容的复杂模块。 • 交互响应后分支流向:定义了程序执行完分支后将按什么流向继续执行。

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

  7. 1.新建一个文件,命名为a75-1.a7p。从菜单中选择【修改】/【文件】/【属性】选项,打开文件属性面板,定义显示窗口大小可变(在大小下拉列表框中选择“根据变量”选项),选中标题栏并使之在屏幕上居中,如图所示。 2.拖动一个交互图标到流程线上,命名为“名花欣赏”。再拖动一个显示图标到交互图标右侧,从出现的【响应类型】对话框中选择按钮交互类型。关闭对话框,则该显示图标附着在交互图标的右侧,我们可以修改该图标(响应图标)的名称为“牡丹花”。 3.双击打开显示图标“牡丹花”,导入牡丹花图片。 4.再拖动两个显示图标到交互图标右侧(第一分支右侧),程序直接以按钮交互类型分别为显示图标建立两个分支。为什么这里不出现交互类型对话框要求我们选择交互类型呢?这是因为:当我们为一个交互分支选择交互类型后,若再在此交互分支后面添加新的交互分支,则新分支自动继承前一分支的交互类型和相应属性。但是若将新分支直接添加到现有分支的前面,则不具有这种继承关系,需要重新选择交互类型。分别为各分支命名为“金莲花”和“郁金香”,并在其中导入相应的图片。

  8. 5.运行程序,画面上会出现3个按钮,其位置和大小可能不太合适,我们可以暂停运行,然后调整按钮的位置和排列(鼠标拖动按钮或使用【修改】→【排列】命令设置对齐),如图所示。 6.再次运行程序,单击不同的按钮,会出现不同的内容,也就是说程序按照我们的操作执行了相应的分支。 7.停止运行程序。双击交互图标,能够打开一个显示窗口,其中包含了交互图标的3个分支按钮,我们也可以在其中添加文字、图片等内容,如在下方加入一句提示信息“单击按钮显示图片”。为了使程序美观,我们还可以在图片显示区域加一个相框。(用绘图工具绘制)

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

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

  11. 【按钮响应】选项卡中有如下一些属性。 • 【大小】:定义按钮大小。 • 【位置】:按钮的坐标定位。 • 【标签】:定义了按钮上的文字标签。 • 【快捷键】:允许用户定义快捷键,当用户按下快捷键时就相当于按下了相应 的按钮。 • 【默认按钮】:使此按键为缺省设置,这时如果按下键盘上的“Enter”键就相当于按下了本按钮。 • 【非激活状态下隐藏】:当按钮为无效状态时自动隐藏。 • 【鼠标指针】:允许用户选择不同光标形状。 • 【响应】选项卡的内容将在后面说明。 • 在程序设计时我们常常需要改变光标的形状。下面我们为按钮选择其他光标形状。 • 单击【鼠标指针】后面的按钮,会出现一个【鼠标指针】对话框,要求用户选择一种光标样式,我们一般选择手形光标,如图所示。 • 单击确定按钮关闭对话框。这时可见属性对话框中【鼠标指针】后面的光标形状变为手形。关闭响应属性对话框,运行程序,当鼠标指针指向按钮时,会变化为手形。

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

  13. 单击左下角的添加按钮,会出现一个“按钮编辑”对话框。如图所示。 单击左下角的添加按钮,会出现一个“按钮编辑”对话框。如图所示。 • 其中: • 窗口左上角为【状态】选项,用以定义按钮的各个状态。 • 右侧为预览区,用来观看按钮外观并可以引入图片、声音等媒体素材。 • 左下角为【按钮描述】区,用来对按钮进行描述说明。 • 每个按钮都有数种状态,不过在定义一个按钮时,一般仅需要设置【常规】状态下【未按】、【按下】和【在上】状态,即按钮正常状态、按下状态和鼠标指向状态的按钮外观,但是由于按下状态持续时间很短,因此我们也可以不考虑按下状态的外观。所以,自制按钮时应完成如下工作: • 为【未按】状态引入图片; • 为【按下】状态引入声响(按钮按下的声响); • 为【在上】状态引入图片、声响(鼠标进入时的声响)。

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

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

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

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

  18. 5. 单击交互响应类型符号,打开交互图标属性面板。除了【大小】和【位置】两个基本属性外,热区域响应还包括以下属性。 • 【快捷键】:用户可以定义快捷键,如用“a”就可以定义快捷键为“A”键。 • 【匹配】:用户与计算机交互的方式,可以有单击、双击或光标进入区域3种。 • 【匹配时加亮】:当交互时以高亮(反显)来显示。 • 【匹配标记】:在热区左侧出现一个标记,当交互时该标记显示被选中。 • 【鼠标指针】:允许用户选择使用不同的光标形状。 • 为了实现“鼠标指向即出现内容”的功能,我们需要将【匹配】属性设置为“指针处于指定区域内”,如图所示,这样,当鼠标指到热区时就能够执行相应的分支。 • 那么,热区在什么位置呢?单击交互图标,可见在显示窗口中有四个由8个小方块(句柄)包围的虚线框,该虚线框定义的区域就是当前分支的热区,其中的文字是本分支的名称。

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

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

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

  22. 下面对各属性的含义进行介绍。 • 【范围】:定义交互操作的作用范围,若选中【永久】选项,则该交互操作(如按钮、热区等)会在离开本交互循环后仍然有效。 • 【激活条件】定义交互操作只有当表达式为真时才能有效。 • 【擦除】:自动擦除选项。 • 【分支】响应类型选项。 • 【状态】:自动判断选项。 • 【记分】:完成此分支所能得到的分数,可为正、负或表达式值。该选项常用于用户测评或计算机管理教学(CMI),一般设计较少使用。 • 【擦除】、【分支】和【状态】3个属性包含了多个选项,而且我们在程序设计中也经常要使用它们,所以下面对它们进行详细说明。 • 【擦除】(自动擦除选项)。 • 该属性决定了本分支(分支图标)所产生的画面内容该如何擦除,其中共有4个选项。 • “在下次输入之后”:保留本响应分支产生的内容,直至执行下一次交互。 • “在下次输入之前”:当本响应分支执行完时,自动擦除本分支中各种图标产 生的内容。 • “在退出时”:本响应分支的内容不被其他交互分支擦除,直到退出交互时才被擦除。 • “不擦除”:本响应分支产生的内容不被擦除,退出交互也将保留。

  23. 【分支】(响应类型选项)。 • 该属性决定了本分支执行完毕后程序该如何流向,即程序该如何继续执行,其中有3个或4个选项。 • “重试”:分支执行完毕后,程序循环,等待继续交互。 • “继续”:分支执行完毕后,继续判断执行位于该分支右侧的其他分支。 • “退出交互”:分支执行完毕后,程序将退出当前循环,执行流程线上下面的 内容。 • “返回”:必须先选中“永久”复选框,然后才会出现“返回”响应类型。这时,分支相当于一个子程序,调用执行完,会返回程序中调用它的位置。 • 4种响应类型的分支流向符号分别如图所示。

  24. 【状态】(自动判断选项)。 • 该属性决定了是否对符合本分支的交互进行正误判断其中有3个选项。 • “不判断”:不判断正确错误,它是一个缺省设置。 • “正确响应”:选择此选项,Authorware7.0会自动把符合本分支条件的操作视为正确。 • “错误响应”:选择此选项,Authorware7.0会自动把符合本分支条件的操作视为错误。 • 交互响应的属性理解起来较为困难,我们会通过后续章节的学习来熟悉这些交互类型属性的设置。

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

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

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

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

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

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

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

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

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

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

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

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

  37. 4. 双击“李白”群组图标,打开二级流程,在其中拖放一个显示图标,命名为“李白简介”。双击“标题”显示图标,按住Shift键同时双击“李白简介”显示图标,在演示窗口中引入李白图片并输入李白相关简介。效果如图所示。 5. 按照第四步操作,完成另外两位诗人的简介设置。运行程序,我们可以看到在窗口菜单栏上出现了一个“作者简介”菜单,其中包含了三个菜单项,单击菜单项,就可以执行与之对应的分支,显示与之对应的内容。

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

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

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

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

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

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

  44. 6. 选中“汽车1”显示图标,导入“汽车1”图片,调整好位置。然后,在显示图标属性面板中设置特效为“从左往右”,并选中“擦除以前内容”复选框,设置如图所示。 7. 双击等待图标,设置“时限”为“2秒”,其他复选框不选。 8. 双击计算图标,在变量窗口中设置内容为“a:=a+1”,如图所示。

  45. 9. 单击分支交互类型符号,打开“条件”选项卡,进行如图所示的设置。 • 其中: • 【条件】定义了分支的响应条件。 • 【自动】定义了条件自动判断的方式,它有3个选项。 • 关:不进行条件的自动判断。 • 为真:当条件成立时就执行分支。 • 为假:当条件由“假”变化为”真”时就执行分支。 • 10. 按同样的步骤再创建五个分支显示不同5-40所示。

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

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

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

  49. 4. 双击“虚线框“打开交互文本输入区域属性对话框,该对话框包括3个设置选项卡。 • 【版面布局】选项卡的内容如图所示,可以设置区域的大小、位置、输入字符数量的限制以及当字符数量达到限制值时是否自动进行判断。 • 【交互作用】选项卡的内容如图所示,可以设置确认键,选择是否显示输入标记、是否忽略空白输入、是否在离开交互时自动擦除输入文字等。

More Related