程序的交互控制.ppt

上传人:小飞机 文档编号:6151904 上传时间:2023-09-29 格式:PPT 页数:252 大小:2.54MB
返回 下载 相关 举报
程序的交互控制.ppt_第1页
第1页 / 共252页
程序的交互控制.ppt_第2页
第2页 / 共252页
程序的交互控制.ppt_第3页
第3页 / 共252页
程序的交互控制.ppt_第4页
第4页 / 共252页
程序的交互控制.ppt_第5页
第5页 / 共252页
点击查看更多>>
资源描述

《程序的交互控制.ppt》由会员分享,可在线阅读,更多相关《程序的交互控制.ppt(252页珍藏版)》请在三一办公上搜索。

1、第8章 程序的交互控制 由于人机交互是多媒体应用课件的主要特点,所以Authorware 7.0提供了强大的交互功能,使程序能和用户进行实时的交流,方便用户操作。本章将学习Authorware的重要图标交互图标,并且将简要概述群组图标的使用方法。在Authorware中使用交互图标可设置Authorware提供的11种交互方式,并控制其交互属性。通过本章的学习,读者可以掌握构成交互流程以及创建常用交互形式的操作方法。,群组图标的使用 交互响应的概述 设置交互响应的属性,8.1 群组图标的使用 在一个多媒体作品中可能包含几十个甚至上百个的图标,如果把它们都依次列在流程线上,由此造成由于流程线结构

2、过长,而导致整个程序难于理解,并且给程序修改和维护带来了难度。为了解决这些问题,Authorware提供了群组图标。在Authorware中,用户可以把一些相关联的或是多个连续的图标放在一个群组图标中,这样使程序的结构清晰分明,容易理解。,8.1.1 认识和建立群组图标 群组图标的主要作用是实现整个程序的模块化,即将若干个完成一定任务的图标组合在群组图标中构成一个模块。群组图标的使用简化了复杂的流程线结构,使软件质量达到较高的标准。在设计的图标栏中选择群组图标,将其拖动到主流程线上,命名为“背景”。双击该图标,弹出第二级程序的设计窗口,如图所示。,第二级程序设计窗口与主窗口一样,也是由各个设计

3、图标组成的,如图所示。在第二级设计窗口中还可以使用群组图标作为下一级子程序,即Authorware具有子程序嵌套的功能。,图8.1.1 第二级设计窗口 图8.1.2 第二级设计窗口的组成,8.1.2 群组图标的属性设置 在流程线上选择群组图标,单击鼠标右键,在弹出的快捷菜单中选择“属性”命令,打开“属性:群组图标字幕”面板,如图所示。,图8.1.3“属性:群组图标字幕”面板,“属性:群组图标字幕”面板中各选项内容介绍如下:(1)文本框:该文本框主要显示所打开的群组图标的标题。(2)“层”列表:该列表主要按流程线结构列出当前所选择群组图标所包含的各层级别号。(3)标题列表:该列表主要按流程线结构

4、列出当前所选择群组图标所对应的图标名称。(4)“打开”按钮:单击该按钮,将关闭“属性:群组图标字幕”面板,并打开当前所选择的群组图标的下一级窗口。,8.2 交互响应的概述 Authorware 7.0提供了交互功能,可以在多媒体作品中实现交互作用。交互是指计算机和用户之间的交流,用户可以控制程序的运行,可以选择程序的流向,不再是单一的直线型流向。下面具体讲述有关交互性的知识。,8.2.1 了解交互图标 在Authorware 7.0中,通过交互图标来实现交互功能,因此首先要了解交互图标。它可以提供文本、图形图像等内容,还可以决定分支的流向、擦除内容等。1交互图标的使用 交互图标的使用和其他图标

5、的使用一样,直接从工具栏中拖动一个交互图标,放在流程线上即可,系统默认的名称是“未命名”。,2交互图标的结构 交互图标不能单独完成交互功能,而是配合其他图标共同完成的。例如显示图标、等待图标、擦除图标等,一个交互图标可以接多个交互分支,交互图标和响应图标及结果图标组合在一起,才可以构成交互式分支结构。,8.2.2 设置交互图标的属性 在流程线上单击交互图标,选择“修改”“图标”“属性”命令,在打开的“属性:交互图标未命名”面板中可设置其属性,如图所示的是系统默认打开的新建交互图标的属性面板,包括4个选项卡。,图8.2.1“属性:交互图标未命名”面板,1“交互作用”选项卡 该选项卡是系统默认打开

6、的,用于交互作用,它包括3部分:(1)“擦除”下拉列表框:其下拉列表中有3个选项,默认的选项是“在退出之前”,如图所示。,图8.2.2“擦除”下拉列表,图8.2.2“擦除”下拉列表,1)在下次输入之后:选择该选项,在输入下一个响应后,Authorware 7.0会自动擦除交互图标中显示的内容。如果程序再返回到该交互图标中,则被擦除的显示内容还会显示出来。2)在退出之前:选择该选项,在退出交互时,才会擦除交互图标中显示的内容。3)不擦除:选择该选项,如果不使用擦除图标擦除交互图标中的显示内容,其显示内容将一直保留在演示窗口中。,(2)“擦除特效”文本框:用于设置擦除交互图标中显示内容的过渡特效。

7、若单击其右面的按钮,可弹出如图所示的“擦除模式”对话框,用户可以在其中选择一种过渡方式。(3)“选项”选区:该选区包括以下两个复选框:1)“在退出前中止”:该复选框用于设置在退出交互循环之前是否暂停。,图8.2.3“擦除模式”对话框,2)“显示按钮”:只有选中“在退出前中止”复选框选中时该复选框才有效。用于设置在运行时,演示窗口中是否显示继续按钮。选中“显示按钮”复选框,在演示窗口中单击“继续”按钮,可以继续程序的运行。注意:如果是限时响应类型,该选项不可用。,2“显示”选项卡 切换到“显示”选项卡,如图所示。其中的选项与显示图标属性对话框中的基本相同。,图8.2.4“显示”选项卡,3“版面布

8、局”选项卡 切换到“版面布局”选项卡,如图所示。其中的选项与显示图标属性对话框中的基本相同。,图8.2.5“版面布局”选项卡,4“CMI”选项卡 切换到“CMI”选项卡,如图所示。用于设置与计算机相关的一些属性,它包括以下5部分。(1)“知识对象轨迹”选区中的“交互作用”复选框,用于设置是否启动交互跟踪功能。(2)“交互标识”文本框:该文本框用于设置交互图标的标识符。,(3)“目标标识”文本框:用于设置与当前交互相联系的对象标识。该文本框默认用交互图标的名称作为标题。,图8.2.6“CMI”选项卡,(4)“重要”文本框:该文本框用于设置交互作用的重要系数。(5)“类型”下拉列表框:该下拉列表框

9、用于设置交互的类型,其下拉列表中包括3个选项,如图所示。,图8.2.7“类型”下拉列表,单击该属性面板中左下角的“文本区域”按钮,弹出“属性:交互作用文本字段”对话框,如图所示,“版面布局”选项卡是系统默认打开的,用于设置文本输入的区域,该对话框将在以后的文本输入响应中重点讲解。,图8.2.8“属性:交互作用文本字段”对话框,8.2.3 创建交互响应 要创建交互响应,首先应该了解其结构,然后再进行创建。1交互响应的结构 一个完整的交互结构才能体现交互功能,它是由交互图标、交互分支、响应类型(也叫交互类型)和响应图标4部分组成的,如图所示,其中各组成部分含义如下:交互图标:它的作用在前面已经介绍

10、过,这里不再重复。,交互分支:定义程序在执行该响应后的流向。响应类型:实现交互时用户所执行的交互方式。如按钮、菜单、输入文本等方式。响应图标:在交互的过程中,执行的图标可以是显示图标、擦除图标等单个图标,也可以是包含多个图标的群组图标。交互图标交互分支响应类型响应图标,2创建交互响应 创建交互响应的步骤如下:(1)在流程线上拖入一个交互图标,命名为“交互图标”。(2)拖动一个图标放入交互图标的右面并释放鼠标,系统会自动弹出“交互类型”对话框,如图所示,系统默认的是“按钮响应”。注意:交互图标不能放在其他的交互图标、框架图标和决策图标的右面,它只能放在主流程线上。,(3)用户选择自己所需的交互类

11、型,单击“确定”按钮,系统会自动添加交互分支,其响应类型的标记会显示在响应图标的上方。(4)继续拖入图标,系统会默认前面的交互类型,不再弹出“交互类型”对话框,如图所示为程序交互的结果。,图8.2.10“交互类型”对话框 图8.2.11 程序交互的结果,8.2.4 交互响应的类型 交互响应的类型可以分为11种,在图中,11个单选按钮的前面分别对应响应类型的标志,只要选中相应的单选按钮,单击“确定”按钮,即可进入不同的交互响应,在设计窗口中会显示相应的响应类型标志。下面分别介绍各响应类型的作用,其具体的设置和应用在下面的章节中再详细地讲述。,(1)按钮响应:多媒体课件制作中最为常用的交互方式。选

12、择该响应类型,在交互的画面上会出现一个按钮,单击该按钮,程序会执行相应的交互分支。(2)热区域响应:也是多媒体课件制作中常用的交互方式。选择该响应类型,在交互画面上会出现一个矩形热区域,用户在进行交互操作时,单击、双击或是将鼠标指针移入热区域时,都可以使程序执行相应的交互分支。,(3)热对象响应:与热区域响应相近。选择该响应类型,用户在进行交互操作时,单击、双击或是将鼠标指针移入热对象时,都可以使程序执行相应的交互分支。其区别是在交互画面上出现的,不一定是矩形,也可以是其他的对象,而且一个热对象应该放在一个显示图标中。(4)目标区响应:与热对象响应相似,选中的目标对象必须放在一个显示图标中。选

13、择该响应类型,只要用户将目标对象移入目标区域时,都可以使程序执行相应的交互分支。,(5)下拉菜单响应:该响应一直是处于激活状态的。选择该响应类型,在程序运行时,用户选择菜单中的命令,可以使程序执行相应的交互分支。(6)条件响应:选择该响应类型,如果用户定义的表达式被程序检测为真时,可以使程序执行相应的交互分支。(7)文本输入响应:该响应在多媒体中也可以经常看到。选择该响应类型,在交互画面上会出现一个文本框,当用户输入的内容与设置的内容相同时,可以使程序执行相应的交互分支。,(8)按键响应:选择该响应类型,如果用户按下预先设定的键,此键可以是一个,也可以是组合键,都可以使程序执行相应的交互分支。

14、(9)重试限制响应:选择该响应类型,程序限制交互的次数,如果用户在规定的次数内所做的回答都不正确,在交互画面会提示用户回答不正确次数,同时退出交互。,(10)时间限制响应:选择该响应类型,程序限制交互的时间,如果用户在规定的时间内没有做出响应,在交互画面上会提示用户超过时间,然后退出交互。(11)事件响应:选择该响应类型,可以实现计算机与Xtra文件的交互。一般在多媒体课件制作中很少使用。,8.2.5 响应分支的属性设置 双击响应分支上部的交互响应标记,打开“属性:交互图标未命名”面板,打开“响应”选项卡,如图所示。,图8.2.12“属性:交互图标未命名”面板,在“响应”选项卡中的各选项含义如

15、下:(1)“类型”下拉列表框:该下拉列表框列出了11种不同的交互响应方式,每种方式对应的响应选项卡的设置基本相同。(2)“范围”选区中的“永久”复选框:选中该复选框,则该响应类型被设置为永久性响应,即在整个程序的执行过程中随时等待交互的响应。,(3)“激活条件”文本框:该文本框主要设置激活响应的条件。当用户所设置的条件符合时,交互才有效,否则交互无效。如果在该文本框中没有输入任何表达式,则表明该交互响应一直有效。(4)“擦除”下拉列表框:该下拉列表框主要设置分支中显示内容的擦除方式,其下拉列表中有4个选项。,1)在下一次输入之后:选择该选项,表示在执行下一个响应图标之后擦除。2)在下一次输入之

16、前:选择该选项,表示在执行下一个响应图标之前擦除。3)在退出时:选择该选项,表示在退出交互图标之后擦除。4)不擦除:选择该选项,表示始终显示,直到使用擦除图标将其擦除。,(5)“分支”下拉列表框:该下拉列表框主要设置执行完响应图标内容后程序的下一步操作。其下拉列表中4个选项。1)重试:选择该选项,表示返回到主流程线的交互分支起点开始读取程序,在此等待用户做出另一次交互操作。2)继续:选择该选项,表示如果在本响应图标右边还有和本响应图标相匹配的响应图标,则自动继续执行其右边的响应图标。,3)退出交互:选择该选项,表示当系统响应完具有此分支类型的交互程序后,顺着箭头的指向,计算机将退回到主流程线上

17、读取程序。4)返回:只有选中“永久”复选框时,才有该选项。选中该选项,不管程序当前执行到何处,用户都可通过相应的操作来使程序转到此响应分支去继续执行。,(6)“状态”下拉列表框:该下拉列表框主要用于设置该交互分支的内容是否需要进行正误的判断,并可设置其为正确值还是错误值,其下拉列表中有3个选项。1)不判断:选择该选项,表示不对的响应进行跟踪判断。2)正确响应:选择该选项,表示反馈图标名称左侧会出现一个“+”号,Authorware会跟踪程序的执行,检查用户是否使用该响应,并将用户的正确响应次数累加,存放在固定的系统变量中。,3)错误响应:选择该选项,表示反馈图标名称左侧会出现一个“”号,Aut

18、horware对用户的反应设置为错误的响应,并记录错误的响应次数,存放在固定的系统变量中。(7)“计分”文本框:该文本框主要设置对本次响应计分,在该文本框中可以输入一个表达式。,8.3 设置交互响应的属性 本节主要介绍了11个交互响应的属性设置及其应用实例,让用户对交互响应的属性设置有一个更好的了解。8.3.1 按钮响应的属性设置 按钮响应是交互响应类型中最传统、最实用、最直观和最常见的交互类型,其特点是用户通过单击程序的用户界面中预选设置的按钮,将执行选择程序中的一条分支继续运行。,1设置按钮响应的属性 在流程线上添加一个交互图标,在其右侧拖动一个图标,然后释放鼠标,就创建了按钮响应,双击按

19、钮响应标记,打开“属性:交互图标未命名”面板,如图所示。,图8.3.1“属性:交互图标未命名”面板,在“属性:交互图标未命名”面板中各选项内容如下:(1)“按钮”预览框:该预览框显示的是响应按钮,单击其下方的“按钮”按钮,弹出“按钮”对话框,如图所示。在该对话框中,用户可以编辑按钮和添加按钮。Authorware 7.0提供了12种按钮形式,从中可以选择需要的按钮,然后单击“确定”按钮。,图8.3.2“按钮”对话框,如果想编辑按钮,单击“按钮”对话框中的“编辑”按钮,弹出如图所示的提示框,单击“确定”按钮,将弹出“按钮编辑”对话框,如图所示。在该对话框中,用户可对按钮的外观、类型和显示方式进行

20、编辑。,图8.3.3 提示框 图8.3.4“按钮编辑”对话框,如果要添加按钮,单击“按钮”对话框中的“添加”按钮,可添加新的按钮。(2)“打开”按钮:单击该按钮,将打开该按钮图标的演示窗口,在这里可以对图标内容进行编辑。(3)“类型”下拉列表框:该下拉列表框主要用于显示交互响应类型,它有11种选项。(4)在“按钮”选项卡中有以下内容。,1)“大小”文本框:该文本框主要用于设置按钮的大小,可以通过直接输入数值的方式完成。其中X表示水平方向上的大小;Y表示垂直方向上的大小。技巧:按钮的大小也可以在演示窗口中用拖动鼠标的方式来进行设置,其方法是单击按钮四周的调整柄,拖动鼠标可改变按钮大小。2)“位置

21、”文本框:该文本框主要用于设置按钮在演示窗口中所处的位置,可以通过直接输入数值的方式完成。,3)“标签”文本框:该文本框主要显示的是按钮上标签。技巧:按钮的位置可通过用鼠标拖动按钮移动的方式进行设置。4)“快捷键”文本框:该文本框主要用于设置响应按钮的热键,使得程序运行时,用户按下该快捷键与用户单击按钮的作用是相同的。5)“选项”选区:该选区中有“默认按钮”和“非激活状态下隐藏”复选框。选中“默认按钮”复选框,表示将按钮设置为默认按钮;选中复选框,当按钮不起作用时,将隐藏它。,6)“鼠标”选项:单击按钮,弹出对话框,如图所示。在该对话框中选择运行程序的过程中鼠标对按钮操作时鼠标的形状。,图8.

22、3.5“鼠标指针”对话框,2设计实例 在本节学习了按钮响应的创建及其属性的设置后,为了让读者进一步掌握按钮响应的使用方法,我们即时地运用它制作一个按钮响应。由于按钮形式的多样化,因此在这里只制作标准按钮的使用过程。读者可以尝试其他按钮的制作,如单选按钮、复选框等。下面通过“实例8.1.a7p”来介绍制作按钮响应的方法。,(1)新建文件“实例8.1.a7p”。(2)在流程线上添加一个群组图标,命名为“标题”。双击该图标,打开其子设计窗口,添加两个显示图标,分别命名为“背景”和“风景欣赏”。(3)在“背景”图标的演示窗口中导入一幅图片,在其属性面板中设置其显示特效为“细点均匀展示”。在“风景欣赏”

23、图标的演示窗口中输入文字,为文字设置“消除锯齿”,显示模式为“透明”,并给字体设置合适的颜色,如图所示。,图8.3.6 输入文字,(4)在流程线上添加一个交互图标,命名为“按钮交互”。在右面为其添加3个显示图标和一个计算图标作为响应图标,响应类型均为“按钮响应”,分别命名为“黄昏老树”、“飞流瀑布”、“海上日出”和“退出”。此时设计窗口如图所示。(5)双击交互图标,打开交互图标的演示窗口,其中有4个按钮,选择“修改”“排列”命令,在打开的演示窗口中进行排列,最后的效果如图所示。,图8.3.7 设计窗口 图8.3.8 交互图标的演示窗口内容,(6)双击“黄昏老树”的响应类型标记,在打开的属性面板

24、中进行设置。将按钮的形状设置成有立体感效果;将鼠标在按钮上显示指针形状设置成手形,如图所示。其他3个响应图标的属性面板也做相同的设置。,图8.3.9“属性:判断图标黄昏老树”面板,(7)双击“黄昏老树”的响应图标,为其导入相应的图片并输入文字,为文字设置“消除锯齿”,显示模式为“透明”,并给字体设置合适的颜色。在属性面板中,设置该图标在运行时显示的过渡特效。用同样的方法对“飞流瀑布”和“海上日出”响应图标进行设置,最终效果如图图所示。,(8)双击“退出”响应图标,在打开的“退出”窗口中输入Quit()函数。(9)程序设计完成后保存程序。单击“运行”按钮,可以观看设计的效果,如图所示的是程序在某

25、一时刻的运行情况。,图8.3.13 程序在某一时刻的运行情况,8.3.2 热区域响应的属性设置热区域响应是多媒体程序中经常使用的一种交互方式,其特点是指把演示窗口中的某个矩形区域定义为热区,对这些热区进行操作就可以执行分支结构。,1设置热区域响应的属性在流程线上添加一个交互图标,在其右侧拖动一个图标,然后释放鼠标,在弹出的“交互类型”对话框中选中“热区域”单选按钮,单击“确定”按钮,将交互响应类型设置为“热区域”类型。双击热区域响应标记,打开“属性:交互图标未命名面板,如图所示。,图8.3.14“属性:交互图标未命名”面板,在“热区域”选项卡中各选项的内容如下:(1)“大小”文本框:该文本框主

26、要设置热区域的大小,其单位为“像素”。(2)“位置”文本框:该文本框主要设置热区域在演示窗口中的位置。(3)“快捷键”文本框:该文本框主要设置热区域响应的热键。(4)“匹配”下拉列表框:该下拉列表框主要设置触发热区域的方式,它有3个选项。,1)单击:用户通过单击鼠标来激活响应分支。2)双击:用户通过双击鼠标来激活响应分支。3)指针处于指定区域内:用户将鼠标移动到此热区内,不按任何键,系统会做出响应。,(5)“匹配时加亮”复选框:选中该复选框,当用户响应与要求相匹配时,热区的响应区域以高亮显示。(6)“匹配标记”复选框:选中该复选框,当热区响应被匹配时,热区左端中央位置会出现一个匹配标志。(7)

27、“鼠标”选项:与“按钮”属性面板中的作用相同。,2设计实例本节学习了热区域响应属性的设置,为了使读者快速地理解并掌握所学的知识,下面通过“实例8.2.a7p”来讲述热区响应的制作方法。当用户将鼠标放在上面时,鼠标指针的形状改变;单击鼠标时,且热区域以高亮显示,便于用户使用。,(1)新建一个文件,命名为“实例8.2.a7p”。选择“修改”“文件”“属性”命令,打开“属性:文件”面板,对其进行设置,如图所示。,图8.3.15“属性:文件”面板,(2)拖动一个显示图标到主流程线上,命名为“图形”。双击该图标,打开演示窗口和绘图工具箱。分别使用绘图工具箱中的矩形工具和多边形工具,绘制一个正方形和三角形

28、,并调整它们的大小和位置。(3)在“图形”图标的下方拖动一个交互图标,命名为“交互”,在其右侧拖动一个群组图标,在弹出的“交互类型”对话框中选中“热区域”单选按钮,单击“确定”按钮。,(4)给群组图标重新命名为“文字1”,并在其右侧再拖动一个群组图标,命名为“文字2”。“文字2”图标的交互响应类型为“热区域”。(5)双击“交互”图标,打开演示窗口,在演示窗口中按正方形和三角形的大小和位置分别调整相应的热区区域,如图所示。,图8.3.16 调整热区区域,(6)双击“文字1”图标,在打开的下一级窗口中添加一个名为“正方形”的显示图标。双击该图标,在打开的演示窗口中输入文本内容。(7)双击“文字1”

29、图标上方的交互响应标记,打开“属性:交互图标文字1”面板。打开“热区域”选项卡,对其进行设置,如图所示。,图8.3.17“属性:交互图标文字1”面板,(8)切换到“响应”选项卡中,对其进行设置,如图所示。,图8.3.18“响应”选项卡,(9)重复步骤(6)(8),对“文字2”图标中的内容进行设置,其交互图标的属性设置与“文字1”图标的属性设置相同。(10)至此程序设计完毕,其最终流程图如图所示。(11)单击工具栏中的“运行”按钮,运行效果如图所示。(12)单击工具栏中的“保存”按钮,保存程序。,图8.3.19 流程图 图8.3.20 效果图,8.3.3 热对象响应的属性设置热对象响应也是多媒体

30、程序中常用的交互响应方式之一,其特点是在演示窗口中指定热对象,该对象可以是文本、图形图像、数字化电影等,用户对此热对象进行操作时可以进入交互结构。注意:热对象与热区既有联系又有区别,它们的主要区别是:热区必须是规则的矩形,它是屏幕上的一块固定区域,不可移动;热对象响应必须有一个二维物体作为目标对象,它可以是不规则图形,可用鼠标或移动图标移动位置。,1设置热对象响应的属性在流程线上添加一个交互图标,在其右侧拖动一个图标,然后释放鼠标,在弹出的“交互类型”对话框中选中“热对象”单选按钮,单击“确定”按钮,将交互响应类型设置为“热对象”类型。双击热区域响应标记,打开“属性:交互图标未命名”面板,如图

31、所示。,图8.3.21“属性:交互图标未命名”面板,“属性:交互图标未命名”面板中“热对象”选项卡中的各选项内容如下:(1)“热对象”文本框:该文本框主要显示的是热对象的图标名称。(2)“快捷键”文本框:该文本框主要设置热对象响应的热键。,(3)“匹配”下拉列表框:该下拉列表框主要用于设置触发热区域的方式。它有3个选项:单击、双击和指针在对象上。(4)“匹配时加亮”复选框:选中该复选框,则热对象响应被匹配时,热对象将高亮显示。,2设计实例下面通过“实例8.3.a7p”来讲述热对响应的设置。热对象响应的功能和热区响应类似,热对象响应的对象不但可以是一个规则的矩形框,而且还可以是一个图形、文本等对

32、象;可以是不规则的区域,也可以把要设置热区域的多个画面放在一个图标中。而热区响应不可以,必须放在各自单独的图标中。,(1)新建一个文件,命名为“实例8.3.a7p”。选择菜单栏中的“修改”“文件”“属性”命令,打开“属性:文件”面板,对其进行设置,如图所示。,图8.3.22“属性:文件”面板,(2)在流程线上拖动一个显示图标,命名为“标题”。双击该图标,在打开的演示窗口中输入“看图学英语”内容,并设置文本风格。(3)在“标题”图标的下方添加3个显示图标,分别命名为“小鸟”、“小狗”和“小猫”,然后分别打开它们的演示窗口,导入相应的图片,并调整它们的大小和位置。,(4)将粘贴指针定位在“小猫”图

33、标的下方,选择菜单栏中的“插入”“媒体”“Flash Asset Properties”命令,弹出“Flash Asset Properties”对话框。(5)单击“Browse”按钮,弹出“Open Shockwave Flash Movie”对话框,在该对话框中选择要插入的Flash动画电影文件。单击按钮,关闭“Open Shockwave Flash Movie”对话框。在“Flash Asset Properties”对话框中,对其进行设置,如图所示。,图8.3.23“Flash Asset Properties”对话框,(6)单击“”按钮,流程线上自动添加一个Flash图标,重新命名

34、为“按钮”。(7)在“按钮”图标的下方拖动一个交互图标,命名为“交互”,在其右侧添加一个显示图标,在弹出的“交互类型”对话框中选中“热对象”单选按钮,单击“确定”按钮,将交互响应类型设置为“热对象”类型,并命名该显示图标为“文字1”。双击该显示图标,在打开的演示窗口中输入“This is a bird。”内容,并设置其风格。,(8)用同样的方法依次再添加两个显示图标,分别命名为“文字2”和“文字3”,并设置它们的内容。(9)在“文字3”图标的右侧添加一个计算图标,将交互响应类型选择为“热区响应”,命名为“退出”。双击该图标,在打开的计算窗口中输入Quit()函数。,(10)双击“文字1”图标上

35、方的热区交互响应标记,打开“属性:交互图标文字1”面板,切换到“热对象”的选项卡中。在不关闭该面板的情况下,单击演示窗口中的“小鸟”图片作为热对象。设置“热对象”选项卡中的内容,如图所示。,图8.3.24“属性:交互图标文字1”面板,(11)切换到“响应”选项卡,其设置如图所示。,图8.3.25“响应”选项卡,(12)采用同样的方法设置“文字2”图标和“文字3”图标的交互响应属性。(13)双击“退出”图标上方的热区交互响应标记,打开“属性:交互图标退出”面板。打开“热区域”选项卡,对其进行设置,如图所示。,图8.3.26“属性:交互图标退出”面板,(14)切换到“响应”的选项卡,其属性设置如图

36、所示。(15)至此程序设计完成,其流程图如图所示。(16)单击工具栏中的“运行”按钮,运行效果如图所示。(17)单击工具栏中的“保存”按钮,保存程序。,图8.3.27 流程图 图8.3.28 效果图,8.3.4 目标区域响应的属性设置目标区域响应与以前的交互响应类型不同,其特点是:当用户拖动一个对象到一个区域时,若对象到达的区域是规定应到达的目标区域,则对象停留在该区域内,否则对象自动返回原处。在多媒体程序中经常看到拼图游戏或是零件的组装,可以拖动图片到目标区域,可以判断图片是否正确,这是通过目标交互方式实现的。,1设置目标区域响应的属性在流程线上添加一个交互图标,在其右侧拖动一个图标,然后释

37、放鼠标,在弹出的“交互类型”对话框中选中“目标区”单选按钮,单击“确定”按钮,将交互响应类型设置为“目标区”类型。双击目标区响应标记,打开“属性:交互图标”面板,如图所示。,图8.3.29“属性:交互图标”面板,“目标区”选项卡中的各选项内容如下:(1)“大小”文本框:该文本框主要设置目标区域的大小。(2)“位置”文本框:该文本框主要设置目标区域的位置。(3)“放下”下拉列表框:该下拉列表框主要用于设置被拖曳后,物体有3种不同放置方式。,1)在目标点放下:选择该选项,当前响应分支所指定的对象被拖至目标区域时,只把对象停留在当前所在位置。2)返回:选择该选项,显示对象自动返回其原来的位置。在实际

38、应用中,该选项通常作为对象被移错了位置时的处理方式。3)在中心定位:选择该选项,显示对象移至目标后,对象被自动移到目标区域的中心。在实际应用中,该选项通常作为对象被移对了位置时的处理方式。,(4)“目标对象”文本框:该文本框主要显示可移动对象的图标名。(5)“允许任何对象”复选框:选中该复选框,则此目标区域响应的区域在接受每一个被拖放进去的对象后都会进入此目标区域响应的分支路径。,2设计实例下面通过实例8.4.a7p”来讲述目标区响应的制作方法。当用户将移动对象拖放在目标区域上时,如果目标位置正确,移动对象自动移到其中心位置,且执行相应的操作;如果目标位置错误,移动对象就停留在当前的位置。本例

39、的“退出”应用了热区响应,在运行的过程中,随时单击该按钮,都可以退出该程序的运行。,(1)新建一个文件,命名为“实例8.4.a7p”。选择菜单栏中的“修改”“修改”“属性”命令,打开“属性:文件”面板,对其进行设置,如图所示。(2)拖动一个显示图标到流程线上,命名为“背景”。双击该图标,打开演示窗口和“绘图”工具箱。在演示窗口中绘制如图所示的背景图。,图8.3.30“属性:文件”面板,图8.3.31 背景图,(3)在“背景”图标的下方拖动3个显示图标,分别命名为“作者1”、“作者2”和“作者3”。在3个显示图标的演示窗口中分别输入“蒲松龄”、“曹雪芹”和“罗贯中”,并调整文本大小和位置。,(4

40、)在“作者3”图标的下方拖动一个交互图标,命名为“交互”,在其右侧拖动一个显示图标,在弹出的“交互类型”对话框中选中“目标区”单选按钮,单击“确定”按钮,将交互响应类型设置为“目标区”类型,并命名该显示图标为“作者1正确”。双击该显示图标,在打开的演示窗口中输入“恭喜你!放对了。”,并设置其风格。单击该图标,打开“属性:显示图标作者1”面板,对其进行设置,如图所示。,图8.3.32“属性:显示图标作者1”面板,(5)用同样的方法依次添加5个显示图标,分别命名为“作者1错误”、“作者2正确”、“作者2错误”、“作者3正确”和“作者3错误”,并设置其内容及其属性。(6)按住Shift键分别单击“背

41、景”图标和“作者1”图标,在演示窗口中同时显示这两个图标的内容,单击“作者1正确”图标上方的目标区响应标记,打开“属性:显示图标作者1正确”面板,切换到“目标区”选项卡。单击演示窗口中的“蒲松龄”文本,将其拖放到聊斋后的方框中,调整目标区域的大小和位置,如图所示。,图8.3.33 设置目标区,(7)设置“目标区”选项卡中的内容,如图所示。,图8.3.34“属性:交互图标作者1正确”面板,(8)切换到“响应”选项卡中,对其设置如图所示。,图8.3.35“响应”选项卡,(9)在演示窗口中同时显示“背景”图标和“作者1”图标的内容,单击“作者1错误”图标上方的目标区响应标记,打开“属性:交互图标作者

42、1错误”面板,切换到“目标区”选项卡。单击演示窗口中的“蒲松龄”文本,将其拖放到红楼梦后的方框中,调整目标区域的大小和位置。(10)在“属性:交互图标作者1错误”面板中,设置“目标区”选项卡中的内容如图所示。,图8.3.36“属性:交互图标作者1错误”面板,(11)切换到“响应”选项卡中,对其设置如图所示。,图8.3.37“响应”选项卡,(12)重复步骤(5)(7),对“作者2正确”和“作者3正确”图标的目标区响应的属性进行设置。(13)重复步骤(9)(11),对“作者2错误”和“作者3错误”图标的目标区响应的属性进行设置。(14)至此,程序设计完毕,其程序流程图如图所示。(15)单击工具栏中

43、的“运行”按钮,运行程序效果如图所示。(16)单击工具栏中的“保存”按钮,保存程序。,图8.3.38 流程图 图8.3.39 效果图,8.3.5 条件响应的属性设置条件响应是多媒体程序设计中比较常用的一种交互方式,其特点是让程序来监控某个变量或表达式的值,判断该值是否为真。如果为真,则进行响应。条件响应交互一般不直接通过用户的操作来进行匹配。,1设置条件响应的属性在流程线上添加一个交互图标,在其右侧拖动一个图标,然后释放鼠标,在弹出的“交互类型”对话框中选中“条件”单选按钮,单击“确定”按钮,将交互响应类型设置为“条件”类型。双击条件响应标记,打开“属性:交互图标未命名”面板,如图所示。,图8

44、.3.40“属性:交互图标未命名”面板,“条件”选项卡中各选项的内容如下:(1)“条件”文本框:该文本框主要设置作为触发该响应的表达式,该表达式的值可为逻辑真或假,也可为数值或字符。(2)“自动”下拉列表框:该下拉列表框决定是否只在遇到条件响应才进行条件判断并执行该分支,它有3个选项。1)为真:选择该选项,在程序执行交互图标的过程中,只要条件为真就执行响应图标。,2)脱离:选择该选项,在程序执行交互图标的过程中,只有用户完成本交互图标中的所有交互操作,且条件为真时才执行相应的响应图标。3)当由假到真:选择该选顶,在程序执行交互图标的过程中,对条件响应的条件进行判断,当其表达式的值由假变为真时,

45、便自动触发条件响应并执行此条件响应分支。,2设计实例下面通过“实例8.5.a7p”来讲述条件响应的制作方法。当变量csz=1时,执行第一个条件交互分支;当变量csz=4时执行第四个条件交互分支。(1)新建一个文件,命名为“实例8.5.a7p”。选择“修改”“文件”“属性”命令,打开“属性:文件”面板,对其设置如图所示。,图8.3.41“属性:文件”面板,(2)在流程线上拖动一个显示图标,命名为“题目”。双击该图标,打开演示窗口和绘图工具箱。在演示窗口中导入一幅图片和输入文本对象,并调整它们的大小和位置,如图所示。(3)在“题目”图标的下方拖动一个计算图标,命名为“初始化”。双击该图标,在打开计

46、算窗口中输入如图所示的程序。,图8.3.42 演示窗口 图8.3.43 计算窗口,(4)在“初始化”图标的下方拖动一个交互图标,命名为“交互”,在其右侧拖动一个群组图标,在弹出的“交互类型”对话框中选中“条件”单选按钮,单击“确定”按钮,将交互响应类型设置为“条件”类型,将群组图标重新命名为“NumEntry=x”。(5)在“NumEntry=x”图标的右侧再添加3个群组图标,分别命名为“NumEntryx”和“输入数字”。(6)双击“NumEntry=x”图标,打开第二级设计窗口。在该设计窗口中设计如图所示的程序。,图8.3.44 二级流程图,(7)双击“擦除”图标,打开“属性:擦除图标擦除

47、”面板,对其进行设置,如图所示。,图8.3.45“属性:擦除图标擦除”面板,(8)双击“算对了”图标,在打开的演示窗口中,输入“恭喜您!您算对了。”内容,并设置其字体大小和位置。(9)单击“等待”图标,打开“属性:等待图标等待”面板,对其进行设置,如图所示。,图8.3.46“属性:等待图标等待”面板,(10)单击“NumEntry=x”图标上方的条件响应标记,打开“属性:交互图标NumEntry=x”面板,打开“条件”选项卡,对其进行设置,如图所示。,图8.3.47“属性:交互图标NumEntry=x”面板,(11)切换到“响应”选项卡,对其进行设置,如图所示。(12)双击“NumEntryx

48、”图标,打开第二级设计窗口。在该设计窗口中拖动一个显示图标到流程线上,命名为“少了”。双击该显示图标,在打开的演示窗口中输入“对不起,算少了!”。,图8.3.48“响应”选项卡,(13)单击“NumEntryx”图标上方的条件响应标记,打开“属性:交互图标NumEntry=x”面板。在“条件”选项卡中,对其进行设置,如图所示。,图8.3.49“属性:交互图标NumEntryx”面板,(14)切换到“响应”选项卡,对其进行设置,如图所示。,图8.3.50“响应”选项卡,(15)重复操作步骤(11)(13),对“NumEntryx”图标进行设置。(16)单击“输入数字”图标上方的条件响应标记,打开

49、“属性:交互图标输入数字”面板,在“类型”下拉列表框中选择“文本输入”的选项。在“文本输入”的选项卡中对其进行设置,如图所示。,图8.3.51“属性:交互图标输入数字”面板,(17)切换到“响应”选项卡,对其进行设置,如图所示。,图8.3.52“响应”选项卡,(18)双击“交互”图标,在打开的演示窗口中双击文本输入框的边框,弹出“属性:交互作用文本字段”对话框。在“交互作用”选项卡中,取消选中“输入标记”复选框,可以将黑色的小三角形标志取掉,如图所示。(19)切换到“版面布局”选项卡,该选项卡主要设置文本框的大小和位置,如图所示。,图8.3.53“交互作用”选项卡 图8.3.54“版面布局”选

50、项卡,(20)至此,程序设计完毕,其流程图如图所示。,图8.3.55 流程图,(21)单击工具栏中的“运行”按钮,运行程序效果如图所示。(22)单击工具栏中的“保存”按钮,保存程序。,图8.3.56 效果图,8.3.6 下拉菜单响应对于下拉菜单,大家都不会陌生,所学过的应用程序中都一定有菜单,而在Authorware的演示窗口中,菜单栏中默认的只有一个“文件”菜单,其中有一个“退出”命令。用户通过选择菜单中的命令,或是按相应的快捷键,就会执行相应的操作。本节主要学习的是在菜单栏中添加新的菜单及其相应的命令。,1设置下拉菜单响应的属性要设置下拉菜单响应的属性,首先要创建下拉菜单响应。在流程线上拖

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 生活休闲 > 在线阅读


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号