1、第3章 多媒体课件中的交互,3.1 认识Authorware 7.0中的交互 3.2 按钮响应(Button) 3.3 热区响应 3.4 热件响应 3.5 目标区域响应 3.6 菜单响应 3.7 条件响应 3.8 文本输入响应 3.9 按键响应 3.10 尝试次数限制响应 3.11 时间限制响应,3.1 认识Authorware 7.0中的交互,3.1.1 交互的种类 3.1.2 实现交互设计的步骤与要素 3.1.2 交互图标的使用方法 3.1.3 交互图标的属性,返回首页,3.1.1 交互的种类,在Authorware 7.0提供的交互图标的交互类型的选择对话框中,选择需要的交互方式,如图3
2、-1所示。,图3-1 交互类型的选择对话框,返回本节,3.1.2 实现交互设计的步骤与要素,(1)确定交互逻辑,完成前导程序设计,引入交互图标 (2)设计触发方式(响应类型) (3)确定反馈信息(响应图标) (4)编辑流程分支(响应分支) (5)设置状态跟踪(响应状态),3.1.3 交互图标的使用方法,(1)拖动一个交互图标到设计窗口的流程线上,然后拖动一个其他类型的图标到它的右侧,Authorware 7.0会自动完成流程的连接,如图3-2所示。 (2)在交互类型选择对话框中选中需要的交互类型。一般一个交互需要一个完整的背景,如图3-3所示。 (3)在响应属性对话框中,设置响应方式的热键、图
3、标位置、响应方式等内容。 (4)设置交互响应的结果,即用户进入交互后,交互图标对用户的响应的处理。,图3-2 一个交互图标的流程线,图3-3 交互图标的展示窗口,返回本节,3.1.4 交互图标的属性,1交互图标的显示功能(如图3-4所示) 双击流程线上的交互图标就可以打开演示窗口。 在程序编辑窗口的流程线上插入一个新的交互图标,然后运行该文件。 在程序运行时,双击屏幕上任何一个包含在交互显示中的显示对象,也可以打开演示窗口。,图3-4 交互图标的特殊显示功能,2交互图标的交互属性 交互图标的交互属性可以通过交互图标的属性对话框来设置,如图3-5所示 。在此对话框中可以设置各种显示选项,如层的级
4、数、显示等级变换、位置以及对象何时被删除等。 (1)Text field按钮(如图3-63-9所示) (2)Interaction选项卡 (3)Display选项卡(如图3-10)所示 (4)Layout选项卡(如图3-113-13)所示 (5)CMI选项卡(如图3-14所示),图3-5 交互图标的属性对话框,图3-6 交互图标文本域属性对话框,图3-7 文本输入响应标志,图3-8 交互作用选项卡,图3-9 文本选项卡,图3-10 显示选项卡,图3-11 版面布局选项卡,图3-12 位置下拉列表框,图3-13 可移动性下拉列表框,图3-14 CMI选项卡,CMI(计算机管理教学)选项卡提供了应
5、用于计算机管理系统教学方面的属性 (1)Knowledge(知识)跟踪(若使用该选项,必须在文件属性面板的CMI属性设置面板中,选择知识跟踪选项。) (2)Interaction ID(交互地址)标识号 (3)Objective ID(对象地址)标识号 (4)Weight(重要性) (5)Type(类型),表3-1 Type参数所允许的字符,3交互图标的快捷方式从图3-15可以看出,交互图标的结构包括4个方面: (1)交互流程线上的快捷方式 (2)响应结果图标上的快捷方式 (3)返回路径上的快捷方式 (4)交互图标本身的快捷方式,图3-15 交互图标的结构组成,返回本节,3.2 按钮响应(Bu
6、tton),3.2.1 按钮响应的使用步骤 3.2.2 设置按钮响应的属性 3.2.3 按钮响应实例,返回首页,3.2.1 按钮响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在系统弹出的交互类型选择按钮响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,设置交互的流向等内容。 (4)双击交互图标导入背景图案,调整按钮的位置和大小。 (5)打开结果图标,设置按钮被用户响应时的内容。,返回本节,3.2.2 设置按钮响应的属性,双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,如图
7、3-16所示。,图3-16 按钮响应属性对话框,1两个属性选项卡的公共部分的内容,从图3-17、3-18中显示按钮的4种正常(Normal)状态包括:UP Down Over Disabled 对于复选框和单选钮来说,它们还有检查状态,即确定按钮是否被选中的功能:UP and Checked Down and Checked Over and Checked Disabled,图3-17 按钮选择对话框,图3-18 Button Editor窗口,2按钮响应属性在Button属性选项卡中的内容Size数值框Location坐标值框Label输入框 Key(s)输入框Option选项 Curso
8、r选择按钮(如图3-19所示),图3-19 鼠标图形选择对话框,3响应属性的Response选项卡,单击按钮响应属性对话框中的Response标签,得到如图3-20所示的Response选项卡界面。在此属性页中,主要是设定交互的响应条件、擦除时间、退出方向、正确与否等内容。 Scope选项 Active If域 Erase下拉列表 Branch下拉列表(如图3-21、 3-22所示) Score域,图3-20 按钮响应属性的响应选项卡,图3-21 分支下拉列表,图3-22 状态下拉列表,返回本节,3.2.3 按钮响应实例,实例一:音乐开关。 运行结果:如图3-23所示。流程如图3-24所示。
9、操作步骤(略),图3-23 “音乐开关”运行界面,图3-24 “音乐开关”流程图,图3-25 背景音乐属性对话框,(a) 关音乐,(b) 关音乐,图3-26 Properties:Response对话框,双击流程线上“关音乐”计算图标上方的响应标志,打开如图3-26所示的Properties:Response,实例二:词语解释。 运行结果:如图3-27所示。流程图:如图3-28所示。 操作步骤(略) (具体如下图),图3-27 “词语解释”运行界面,图3-28 “词语解释”流程图,图3-29 “封面”显示图标内容,图3-30 Properties:Response对话框,图3-31 Butto
10、n(按钮)对话框,图3-32 按钮编辑对话框,返回本节,3.3 热区响应,3.3.1 热区响应的使用步骤 3.3.2 设置热区响应的属性 3.3.3 热区响应实例,返回首页,3.3.1 热区响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在弹出的对话框中选择热区响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,从弹出对话框中选择鼠标的动作,设置交互的流向等。 (4)双击交互图标导入背景图片,并调整热区的位置和大小。 (5)最后打开结果图标,设置热区被用户响应的内容。,返回本节,3.3.2 设置热区响应的属性,从图
11、3-33中Hot Spot属性选项卡中有以下内容 : Size数值框 Location坐标值框 Key(s)输入框 Match下拉列表(如图3-34所示)Highlight On Match选项 Mark On Match选项 Cursor选择按钮,图3-33 热区响应的响应属性对话框,图3-34 Match下拉列表,返回本节,3.3.3 热区响应实例,热区响应实例:乐器展示厅。 知识要点:利用热区在运行时不可见的特点,在每一对象上设置一个热区响应来产生气泡信息,以进一步了解热区响应在课件制作中的应用及热区响应的属性设置。 制作思路:在流程线上放一个含有要展示的乐器图像的显示图标及一个交互图标
12、,将交互类型设置为热区响应,交互的每个热区和相应的乐器图相吻合。 运行结果:如图3-35所示。流程图如图3-36所示。 操作步骤(略),图3-35 “乐器展示厅”运行界面,图3-36 “乐器展示厅”流程图,返回本节,3.4 热件响应,3.3.1 热件响应的使用步骤 3.3.2 设置热件的响应属性 3.3.3 热件响应实例,返回首页,3.3.1 热件响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在系统弹出的交互类型选择热件响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,从弹出的对话框中选择鼠标的动作,设置交互的
13、流向等内容。 (4)双击交互图标导入背景图案,并调整热件的位置。 (5)打开结果图标,设置热件被用户响应时的内容。,返回本节,3.3.2 设置热件的响应属性,Hot Object属性选项卡中的内容,如图3-47所示。 Hot Object说明框:显示热件对象的显示图标的内容。 Key(s)输入框:定义响应这个按钮的热件。 Match下拉列表:有3个鼠标动作的选项来设置用户使用什么样的方法来激活热件响应 。 Highlight On Match选项:在条件匹配时设置热件的区域变为高亮。 Cursor选择按钮:可在鼠标图形选择在程序运行时鼠标对这个热件操作时,鼠标为何种形态。,图3-47 热对象选
14、项卡,返回本节,3.3.3 热件响应实例,实例:字母游戏。 运行结果:如图3-48所示。流程图如图3-49所示。 操作步骤: (1)新建一个文件,属性设置为Size(尺寸)为640480(VGA mac13“),Options(选项)栏中选择Center on Screen(位于屏幕中央)、Menu Bar(菜单栏),其他不选。以“字母游戏”为文件名保存。 (2)添加计算图标(如图3-40、3-41所示) (3)添加这个例程的背景,拖动一个显示图标到流程线上,命名为“背景”。如图3-42所示。,图3-48 “字母游戏”运行结果,图3-49 “字母游戏”流程图,图3-40 “初始”计算图标,图3
15、-41 新变量对话框,图3-42 背景,(4)添加字母的图形,使用了两个群组图标来放置这些按钮(如图3-43、3-44所示)。 (5)设置交互的内容。 (6)双击群组图标“A”上方流程线的交叉点,打开交互属性对话框,在交互属性对话框中进行设置(如图3-45、3-46所示)。 (7)设计结果图表的内容(如图3-473-60所示),图3-43 字母群组图标,图3-44 字母效果,图3-45 Hot Object属性选项卡,图3-46 “A”响应的Response属性对话框,图3-47 “A”群组图标内容,图3-48 “A”移动的属性对话框,图3-49 “累计”计算图标,图3-60 字母游戏的效果图
16、,返回本节,3.5 目标区域响应,3.5.1 目标区域响应的使用步骤 3.5.2 设置目标区域的响应属性 3.5.3 目标区域响应实例,返回首页,3.5.1 目标区域响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在交互类型选择目标区域响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,弹出对话框中选择鼠标的动作,设置交互的流向等内容。 (4)双击交互图标导入背景图片,并调整目标区域的大小和位置,同时选择目标区域的图形或文本对象。 (5)打开结果图标,设置目标区域被用户响应时的内容。,返回本节,3.5.2 设置目标
17、区域的响应属性,Target Area属性选项卡中的内容,如图3-61所示。 Size数值框:显示目标区域的大小。 Location坐标值框:显示目标区域的位置。 On Drop下拉列表:有3个选项供用户选择,如图3-62所示。 Target Object说明框:显示可移动对象的图标名。 Accept Any Object复选框:选择此复选框将会匹配任何对象。,图3-61 目标区域响应的响应属性对话框,图3-62 放下下拉列表,返回本节,3.5.3 目标区域响应实例,实例一:选择题练习(一种通用的解法)。 运行结果: 运行界面如图3-63所示、流程图如图3-64所示。 操作步骤(略) (如图3
18、-653-78所示),图3-63 “选择题练习”运行界面,图3-64 “选择练习题”流程图,图3-65 使对象可以被移动,图3-66 巴黎的正确位置群组图标,(b) 响应页面,图3-67 目标区属性对话框,(a) 目标区页面,图3-68 选择移动对象,图3-69 “巴黎错误位置”群组图标,图3-70 输入语句,图3-71 属性:错误响应对话框(a),图3-72 属性:错误响应目标区对话框(b),图3-73 移动区域,图3-74 移动区域,图3-75 allcorrectmatched选项卡,图3-76 Allcorrectmatched 条件Response选项卡,图3-77 Allcorre
19、ctMatched群组图标,图3-78 输入文字,实例二:“选择练习题”的一种简单解法。 运行结果:该例的运行结果与实例一的运行结果完全一致。设计流程图如图3-79所示。 操作步骤:经过上述处理,操作过程可大为简化:在实例二中的交互图标前面的流程可按实例一同样设计,但省去了前面提到的3路错误响应分支的设计。在4路正确响应分支的后边加入的是错误响应分支,调整结果如图3-80所示。最后设计好的交互目标区域如图3-81所示。,图3-79 “选择练习题”简化流程图,图3-80 错误响应对话框Target Area选项卡设置,图3-81 “多项选择题”的目标区域,返回本节,3.6 菜单响应,3.6.1
20、菜单响应的使用步骤 3.6.2 设置菜单的响应属性 3.6.3 删除系统的File菜单 3.6.4 弹出式菜单 3.6.4 菜单响应实例,返回首页,3.6.1 菜单响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在交互类型选择菜单响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,弹出的对话框中设置交互的流向等。 (4)打开结果图标,设置菜单选项被用户响应时的内容。,返回本节,3.6.2 设置菜单的响应属性,双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,如图3-82所示。 在Menu属性选项卡中共
21、有3个域: Menu域:显示菜单的名字,实际上也就是交互图标的标题 。 Key(s)域:确定一个菜单项的组合快捷键,选择该组合快捷键,也可以执行相应的菜单项命令。,Menu Item域:显示当前菜单项的名字。用于定义下拉菜单选项的名称、显示状况与快捷键,该文本框支持特殊代码、符号、字符串和字符表达式。 变量名:在文本框内直接输入英文字母,Authorware认为输入的是变量名。 字符串:在输入内容两端加英文双引号,菜单选项显示字符串中的内容,这是输入中文的方法(直接输入中文报错)。 表达式:支持字符表达式的输入,通过此方法可以灵活变化菜单选项的文本。 不可用情况:在字符串中,在左引号后加符号,
22、该菜单选项目为不可用效果。,图3-82 菜单响应属性的Menu属性选项卡,返回本节,3.6.3 删除系统的File菜单,(1)从图标板拖动一个交互图标到流程线上,命名为File。 (2)从图标板拖动一个群组图标到交互图标的右侧,该群组图标任意起一个名字,因最终都要删除如图3-83所示 。 (3)在图标板上拖一个擦除图标到交互图标的下面,起名为“删除File菜单”,最终设计的流程如图3-84所示。 (4)单击工具栏上的运行按钮,打开了删除图标的属性对话框,单击Icons标签打开Icons属性对话框,在List列表中选择Icons to Erase单选钮,单击菜单栏的File菜单项,File菜单将
23、会被删除,其结果如图3-84所示。,图3-83 菜单属性响应属性对话框,图3-84 删除系统的File菜单的流程,图3-85 利用擦除图标删除File菜单项,返回本节,3.6.4 弹出式菜单,要点: 建立一个永久的条件响应来扑捉鼠标的右击的事件; 显示模拟菜单。这是一个交互的结构,可以是按钮响应,热区响应或热对象响应; 响应模拟菜单的操作; 擦除模拟菜单,对于按钮响应不需要擦除。,3.6.5 菜单响应实例,实例:唐诗宋词欣赏。 运行界面如图3-86 所示、流程图如图3-87所示 知识要点:通过此课件的制作,我们将学会在课件中引用菜单并对菜单响应的属性进行设置。 制作思路:在流程线上设置3组交互
24、图标,一组为宋词,一组为唐诗,在其中分别导入相应的唐诗和宋词素材,另一组为退出。 操作步骤(略)(如图3-883-90所示),(b),图3-86 运行界面,(a),图3-87 “唐诗宋词”流程图,图3-88 Properties:Response对话框,3.7 条件响应,3.3.1 条件响应的使用步骤 3.3.2 设置条件响应的响应属性 3.3.3 条件响应实例 3.3.4 上述实例中对于响应属性的Branch域的探讨,返回首页,3.3.1 条件响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在系统弹出的交互类型选择对话框中选
25、择条件响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,弹出对话框中设置交互的条件、交互的流向等内容。 (4)打开结果图标,设置条件响应被用户满足时的内容。,返回本节,3.3.2 设置条件响应的响应属性,双击交互流程线上的条件响应标识将打开条件响应的属性窗口,如图3-91所示。Conditin域。在此域中可以输入一些变量或条件表达式。数值0作为FASLE,非0作为TRUE;字符串TRUE,T,YES,ON作为TRUE;“ &”代表与操作;“|”代表或操作。此域值为真,执行响应的分支。Automatic域。Automatic域是条件响应的一个特殊性,它可以使一个条件响应不需要用户进
26、行交互就可以对目标条件作出反应。 在Automatic域的下拉列表中提供了以下3个选项:Off。When True。 On False to True。,(1)Condition(条件)文本框:该文本框用于设置条件交互的响应条件,文本框的内容与对应的交互分支名称是一致的。修改交互分支的名称,可同时修改此文本框。 (2)Automatic(自动匹配)下拉菜单:用于设置Authorware自动匹配条件交互的情况,有3种方式。 Off(关闭状态),关闭自动匹配功能。满足3个条件:用户进行了交互操作;程序经过了该条件响应图标响应条件的值为真, When True(当条件为真),始终打开自动匹配功能。
27、On False to True(当条件由假变真),打开自动匹配功能,但仅当条件逻辑值由假变成真时触发交互.与when true的不同在与,当条件为true时,when true就会无穷匹配,而on false to true,匹配不会发生。 Response选项卡的内容与热区交互设置基本相同,在条件交互中Active If(激活条件)文本框为禁用状态(不可以使用条件控制条件交互),此外,如果在条件交互中选中Perpetual(永久性)选项时Automatic(自动匹配方式)只能选择On Flase to True(当条件由假变真)。,图3-91 条件响应的属性窗口,返回本节,3.3.3 条件
28、响应实例,实例:红灯停、绿灯行。 应用本课件可以形象地对学生特别是小学生进行交通安全教育。 运行结果:如图3-93所示、流程图如图3-94所示。 操作步骤(略):,图3-93 “红绿灯”运行效果图,图3-94 “红绿灯”流程图,图3-94 灯框,返回本节,3.3.4 上述实例中对于响应属性的Branch域的探讨,对上述的“红绿灯”实例,如果把交互图标右边的第一、第二、第三路分支对应的响应属性中的Branch域选项设置为Continue,其他选项保持不变,流程图便会如图3-97所示,响应属性如图3-98所示,程序运行的结果是:红、黄、绿灯会依次出现,但与上述实例介绍不同的一点是,每一路结果分支的
29、响应结果并没有被擦除,最后红、黄、绿灯会同时出现在灯框中,直到绿灯显示完重新开始交互时才全部擦除,并从头重复上述依次不擦除叠加显示的情况。,图3-97 修改以后的红绿灯流程图,图3-98 修改以后的运行结果,返回本节,3.8 文本输入响应,3.8.1 文本输入响应的使用步骤 3.8.2 设置条件响应的响应属性 3.8.3 文本输入响应实例 3.8.4 文本输入响应中有关属性设置的实例,返回首页,3.8.1 文本输入响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在弹出的对话框中选择文本输入响应的交互类型。 (3)双击交互图标流
30、程与结果图标流程的交叉点,系统弹出响应属性对话框,选择鼠标的动作,设置交互的流向等内容。 (4)双击交互图标导入背景图案,并调整文本输入区的位置。 (5)打开结果图标,设置文本输入响应被用户匹配时的内容。,返回本节,3.8.2 设置文本输入响应的响应属性,Text Entry属性选项对话框的内容如图3-99所示: Pattern输入框:显示此交互分支下的图标的名称。如果该属性为空,取图标标题为匹配的字符串;允许使用通配符“*”或者“?”,*代表多个字符;?代表一字符;使用方法:*;? 和转义符;允许使用表达式;使用字符串用括起来; 竖线字符:匹配abc或者是xyz时使用竖线字符abc|xyz
31、。,3.8.2 设置文本输入响应的响应属性,次数符:例如#3abc表示输入连续3次正确输入字符串abc才能得到匹配,有一次不正确,即使后来补齐3次也不能匹配;特殊情况#3代表#3*3次输入任意字符匹配; Match at Least输入框:定义最少需要匹配的单词的数目。例如5个单词,输入3个正确就可以; Incremental Matching复选框:要求用户输入的匹配内容可多次输入,而不一定一次输入完毕 。Ignore复选框:选择Authorware 3.0对用户输入内容的选择程度。,3.8.2 设置文本输入域属性,(1)Layout(设计)选项卡 Size(大小)文本框:用于设置文本交互输
32、入框的大小,支持变量输入。 Location(位置)文本框:用于设置文本交互输入框的位置,支持变量输入,单位为像素。 Character Limit(字符限制)文本框:用于设置用户在文本输入框中允许输入的最大字符数。 Auto-Entry at Limit(在字符限度值时自动响应)选项:选择此选项,则当用户输入的字符数与Character Limit(字符限制)文本框中的数值相同时,Authorware将自动判断用户输入是否可以触发交互。,3.8.2 设置文本输入域属性,(2)Interaction(交互)选项卡, Action Key(s)(响应键)文本框:用于设置提交输入的响应键,默认为回
33、车键。 Options(选项组),包括3个选项:a. Entry Marker(输入标记)b. Ignore Text Entries(忽略空输入)c. Erase Text on Exit(退出时擦除文本),3.8.2 设置文本输入域属性,(3)Text(文本)选项卡, Font(字体)下拉菜单。 Size(字号)设置。 Style(风格)复选项组。 Colors(颜色)设置。 Mode(显示模式)下拉菜单。,当用户输入文本内容时,Authorware会及时在屏幕上显示输入的内容,并将输入的文本内容保存在系统变量EntryText中,输入的数字内容保存在系统变量NumEntry中,这样程序中
34、就可以根据需要来调用该变量的文本内容或存储到外部文本文件与数据库中。,图3-99 文本输入响应对话框的文本输入选项卡,返回本节,3.8.3 文本输入响应实例,实例:20以内的加、减、乘、除运算。 知识要点:了解文本响应在课件制作中的应用,以及如何使用函数来控制程序流程,如何将输入的文本赋给一个变量。 制作思路:本例一共有3组交互标题。程序中通过随机函数随机生成两个二位数,作为运算对象,并通过判断语句来判断学生输入的答案是否正确。 运行结果:如图3-100所示,流程图:如图3-101所示。 操作步骤(略)(具体制作图如下图),图3-100 “加、减、乘、除运算”运行界面,图3-101 “加、减、
35、乘、除运算”流程图,图3-102 编辑窗口,图3-103 定义初始变量,图3-104 TRUE群组图标程序,图3-104 设置“随机数”计算图标,图3-106 “算式”显示图标内容,图3-107 文本输入的响应属性Text Entry属性对话框,图3-108 “判断”计算图标,图3-109 “提示”显示图标的内容,图3-110 交互图标的属性对话框,图3-111 交互图标展示窗口中的文本输入标志,(a),(b),(c),图3-112 文本输入响应交互中,文本域的有关属性设置,返回本节,3.8.4 文本输入响应中有关属性设置的实例,实例:知识测验。 运行结果如图3-113所示。程序流程结果如图3
36、-114所示。 操作步骤: (1)先按照图3-114所示来设计程序的流程结构。 (2)按照图3-114所示来修改程序文件属性。 (3)接下来依次设计各个图标。 (4)打开退出交互图标的展示窗口,把“退出”按钮放置在窗口的右下角。,(5)打开“问题1”交互图标的展示窗口,改变第一个文本输入域的位置和大小到相应位置。 (6)“问题1”交互图标中包含两个文本输入响应,分别命名为“440”和“*”。 (7)依照“问题1”的操作方法,完成“问题2”和“问题3”交互图标的设置。 (8)实现主流程线上的“测验结果”显示图标。,图3-113 “知识测验”运行结果,图3-114 “知识测验”程序流程结构,3.9
37、 按键响应,3.9.1 按键响应的使用步骤 3.9.2 设置条件响应的响应属性 3.9.3 按键响应实例 3.9.4 关于“选择题”的简单解法,返回首页,3.9.1 按键响应的使用步骤,(1)图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)系统弹出对话框中选择按键响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,选择鼠标的动作,设置交互的流向等内容。 (4)双击交互图标导入背景图案。 (5)打开结果图标,设置按键响应被用户匹配时的内容。,返回本节,3.9.2 设置条件响应的响应属性,双击交互图标流程与结果图标流程
38、的交叉点,系统弹出响应属性对话框,如图3-116所示。主要有一个属性域需要设置,即Key(s)域。表3-2中列出了Authorware 3.0中的键名与键盘按键之间的对应关系。 在按键响应的响应对话框的Response选项卡的内容与按钮响应完全一样,,Key(s)文本框:设置用于匹配此响应的键盘按键或组合键名称。注意以下几点: 按键响应严格区分大小写字母 可以将alt、ctrl、shift与其他键搭配使用构成组合键 ?键代表任意键都可以匹配,但在输入匹配时输入? 若要将功能键作为响应的匹配键,可以输入功能键的名称。如:F1,Enter键。,图3-116 按键响应的响应属性按键对话框,表3-2
39、Authorware3.0的键名与键盘按键之间的对应关系,返回本节,3.9.3 按键响应实例,实例一:按键测试。 运行结果:如图3-117所示、流程图如3-118所示。 制作步骤: (1)在流程线上放置一个运算图标,双击该图标,在编辑窗口中输入函数Resizewindow(480,320),以调整运行时窗口的大小。 (2)在流程线上放置一个显示图标,并命名为background,导入背景图形。 (3)在流程线上放置一个交互图标,命名为按键测试,在交互图标的展示窗口中输入图3-119所示的文本内容。,图3-117 按键测试的运行界面,图3-118 按键测试效果图,图3-119 在交互图标的展示窗
40、口中输入的文本内容,在群组“?”中显 示图标中的内容,(4)拖动一个群组图标到交互图标的右侧,在Response Type对话框中,选择按键响应。 (5)双击按键响应标志,在对话框的Key(s)域中输入Esc,表示当按下的是Esc键时产生响应。(6)双击Esc群组图标,在二级流程线上放一个计算图标,双击计算图标在打开的编辑窗口中输入函数Quit()。 (7)在交互图标右下侧再拖入一个群组图标,选择为按键响应类型,将结果图标命名为“?”,表明按下任何键都将激发该响应。 (8)运行程序并调试,最后将文件保存为“按键测试”。,返回本节,3.9.4 关于“选择题”的简单解法,操作方法: (1)在实例二
41、的基础上,删除两路错误分支,保留一路错误分支,将结果图标命名为“?”,如图3-126所示。 (2)在“?”群组图标的二级流程线上,打开设计好的显示图标,在其中输入如图3-127所示的内容。 (3)运行程序,调试错误提示图标中显示内容的位置,最后将文件保存。,图3-126 实例二的简化设计流程图,图3-127 错误提示显示图标中输入的内容,返回本节,3.10 尝试次数限制响应,3.10.1 尝试次数限制响应的使用步骤 3.10.2 设置尝试次数限制响应属性 3.10.3 尝试次数限制响应实例,返回首页,3.10.1 尝试次数限制响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然
42、后拖动一个响应结果图标到交互图标的右侧。 (2)在系统弹出的交互类型选择对话框中选择尝试次数限制(Tries Limit )响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,在其中选择鼠标的动作,设置交互的流向等内容。 (4)双击交互图标导入背景图案。 (5)打开结果图标,在其中设置尝试次数限制响应被用户匹配时的内容。,返回本节,3.10.2 设置尝试次数限制响应属性,双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,如图3-128所示。 在图3-128选项卡中只有一个属性域可供设置,在Maximum Tries域中输入要求用户可以尝试输入的
43、次数。,图3-128 尝试响应属性Tries Limit选项卡,返回本节,3.10.3 尝试次数限制响应实例,实例:课件密码的尝试输入。 运行结果:如图3-129 3-131所示、流程图如图3-132所示。 操作步骤: (1)在流程线上放一个显示图标,在其中导入背景图片,并命名该图标为“封面” 。 (2)在“封面”图标下再拖入一个显示图标,命名为“输入密码提示”。图3-133所示的内容。 (3)“输入密码提示”显示图标的下面再放一个交互图标,并命名为“设置密码”。,图3-129 “课件密码”的初始运行界面,图3-130 密码输入正确时的运行界面,图3-131 密码输入不正确时的运行界面,图3-
44、132 “课件密码”的设计流程图,图3-133 “输入密码提示”图标的内容,(4)“设置密码”交互图标的右侧放一个群组图标,在打开的交互类型对话框中选择Text Entry(文本输入)。 (5)双击群组图标上的交互响应标志,在打开的Properties:Response(属性:响应)对话框中按如图3-134所示进行设置。 (6)双击“输入密码提示”显示图标,按住Shift键的同时双击交互图标,在打开的Properties:Interaction Text Field对话框按如图3-134所示进行设置。 (7)双击“12344”群组图标,在打开的二级流程线上按流程图所示放置图标并命名。 (8)运
45、行程序。,(9)在交互图标的右侧再放一个群组图标,并命名为“尝试3次”。 (10)双击“尝试3次”群组图标上的响应标志,在打开的响应属性对话框中进行设置 。 (11)双击“尝试3次”群组图标,在打开的二级流程线上按流程图所示放置图标并命名。 (12)在交互图标的下面放一个群组图标,命名为“课件主体”,在打开的二级流程线上,此处只放入一个显示图标,在其中输入图3-136所示的内容即可。 (13)保存文件,运行并调试。,(a) Text Entry选项卡设置,(b) Response选项卡设置,图3-134 文本输入12345响应对话框,图3-135 设置文本属性,图3-136 课件主体中的内容,
46、返回本节,3.11 时间限制响应,3.11.1 时间限制响应的使用步骤 3.11.2 设置时间限制响应属性 3.11.3 时间限制响应实例,返回首页,3.11.1 时间限制响应的使用步骤,(1)在图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。 (2)在系统弹出的交互类型选择对话框中选择时间限制(Time Limit)响应的交互类型。 (3)双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,在其中选择鼠标的动作,设置交互的流向等内容。 (4)双击交互图标导入背景图案。 (5)打开结果图标,在其中设置时间限制响应被用户匹配时的内容。,返回本节,3
47、.11.2 设置时间限制响应属性,双击交互图标流程与结果图标流程的交叉点,系统弹出时间限制响应的属性对话框,如图3-137所示。 Time Limit域:输入以秒为单位的时间限制值。 Interruption下拉列表:如图3-138所示,有4个选项。 设置在时间限制响应交互过程被打断时程序将采取的措施。Option域:此域中有如下两个复选框:1)Show Remaining Time、 2)Restart for Each Try 。,图3-137 时间限制响应的响应属性Time Limit选项卡对话框,图3-138 中断下拉列表,返回本节,3.11.3 时间限制响应实例,实例一:图片浏览。
48、运行结果如图3-139所示。设计的流程图如3-140所示。操作步骤: (1)程线上拖放一个群组图标,并命名为“图片浏览”。 (2)单击工具栏的导入按钮,在图片库中选择图片文件,后,在对话框中选择Time Limit响应并确定。 (3)参照步骤2的方法,依次再导入4个图片作为后续的4个分支。 (4)交互图标右侧的第一个响应标志上双击鼠标,在打开的对话框中进行设置。,图3-139 图片浏览运行界面,图3-140 “图片浏览”的设计流程图,(5)参照步骤4设置其余4路图片结果图标的属性。(6)在交互图标的最右侧拖放一个计算图标,对该分支的响应属性中进行如图3-141所示的设置,对Response选项
49、卡对话框保持默认设置。 (7)双击计算图标,在打开的编辑窗口中输入“goto(IconId”图片浏览“)”,此处的“图片浏览”是交互图标的标题,表示交互重新开始。 (8)运行并调试程序,最后将程序以“图片浏览”为名进行保存。,返回本节,完,结束放映,分支类型的解释,退出交互:执行该分支程序后,退出交互; 继续:首先执行该分支下的程序然后返回到响应图标继续检查后续的响应分支是否还有响应,如果有,就继续执行下一个分支,如果没有就返回到交互图标进行下一轮的扫描,重新检查所有的响应分支;,分支类型的解释,重试:执行完该分支的程序后不再检查后续的响应分支是否还有响应发生,直接返回到交互图标进行下一轮扫描,重新检查所有的响应分支。 永久响应:即使退出交互,程序也记住这一交互,并随时响应这一交互。永久响应发生时立即跳转到永久响应分支,执行完分支中的程序后沿程序流程线继续执行流程线上的图标程序。建议使用永久响应时尽量使用返回分支类型。,