《Authorware7多媒体制作案例教程》-5

1中国水利水电出版社第5章

交互响应本章目的任务一：交互的类型

任务二：交互的作用与建立任务三：作品欣赏

任务四：认识电脑任务五：认识卡通人物

任务六：对号入座任务七：风景欣赏

任务八：交通红绿灯指示器任务九：智力填空题

任务十：按键单选题任务十一：密码设置与验证

任务十二：限定时间的数学题任务十三：制作日历2中国水利水电出版社5.1本章目的简单了解交互的作用与构成掌握交互的建立熟悉交互响应的属性设置掌握交互响应的类型3中国水利水电出版社5.2

任务一交互的类型5.2.1相关知识1、什么是交互交互也称为“人机交互”，英文简称HCI（Human-computerInteraction），指用户通过输入、输出设备实现人与计算机之间对话的技术。2、Authorware交互图标

（1）交互图标本身具有几种图标的功能特性交互图标具有显示图标的功能特性交互图标具有等待图标的功能特性交互图标具有擦除图标的功能特性交互图标具有判断图标的功能特性（2）交互图标的结构4中国水利水电出版社5.2

任务一交互的类型5.2.2任务实现制作要点交互类型的选取交互图标的属性设置5中国水利水电出版社5.2

任务一交互的类型5.2.2任务实现操作步骤1、打开交互图标的属性面板。在交互图标中有4个选项卡，分别是“交互作用”选项卡、“显示”选项卡、“版面布局”选项卡和“CMI”选项卡。2、擦除特效：设置擦除对象时的擦除方式。3、交互图标属性面板的第二个选项卡是“显示”选项卡，这里的作用方法与显示图标是相同的。要注意的是在使用交互中，如果有变量，则最好勾选“更新显示变量”项，这样可以随时跟踪变量的值。4、CMI选项卡：在其他的功能图标中也见到过，CMI是“计算机管理教学系统”（Computer-ManagedInstruction）的英文缩写，CMI选项卡用来设置这个系统的基本属性，一般使用默认设置。6中国水利水电出版社5.3任务二

交互的作用与建立5.3.1相关知识1、交互响应的属性设置2、“范围”属性设置与“分支”下拉列表的关系3、永久响应类型交互方式设计范围不为“永久”的各分支依次状态范围为“永久”的各分支依次状态7中国水利水电出版社5.3任务二

交互的作用与建立5.3.2任务实现制作要点建立交互结构属性面板的设置8中国水利水电出版社5.3任务二

交互的作用与建立操作步骤1、向流程图上拖一个交互图标，为其命名。2、选择除交互图标和决策图标以外的任意一个图标，将其拖入交互图标的右下作为其第一条交互分支3、选定交互类型后，为该分支命名。4、继续在交互右侧添加交互分支的图标，此时不再出现“响应类型”对话框，而是继续沿用前一个图标的交互类型。5、重复上一步，可以为该交互添加多个交互分支9中国水利水电出版社5.4任务三作品欣赏5.4.1相关知识1、双击流程图上的交互类型便可打开按钮交互属性对话框（1）响应标题：输入的内容作为响应图标的名称及按钮的名称；

（2）类型：包含了11种响应类型；

（3）大小：用于设置按钮的大小，其中，X表示按钮的宽度，Y表示按钮的高度，也可以到演示窗口中改变按钮的大小；

（4）位置：用于设置按钮的位置，可也在演视窗口中直接调节；

（5）标签：可输入数字和英文字母，输入的英文字母将视为变量，在此文本框中输入的数字和变量只改变演示窗口中按钮的标题，即按钮上显示用户所输入的数字或是变量值，而不会影响到响应图标的标题。2、“按钮”命令按钮：单击此按钮会打开“按钮”对话框（1）鼠标形状:单击其右侧的按钮，弹出鼠标指针类型设置对话框，可以设置鼠标的指针。

（2）如果大家想改变按钮的形状，按左上角的“按钮”，选择“编辑”或“添加”，改变成个性化按钮；3、在程序设计过程中最常用的交互响应方式就是按钮响应如选择按钮、退出按钮等10中国水利水电出版社5.4任务三

作品欣赏5.4.2任务实现制作要点交互图标类型的选取按钮图标的自定义及大小调试按钮属性面板的设置计算图标及退出命令的使用11中国水利水电出版社操作步骤1、启动Authorware，新建一个文件，将其保存为“作品欣赏.a7p”2、单击“修改”→“文件”→

“属性”命令，打开“属性：文件”对话框3、在流程线上添加一个显示图标，命名为“背景-作品欣赏”，插入背景素材4、双击“创作过程”群组图标上面的响应类型标记，打开“属性设置”对话框5、单击【确定】按钮，返回到“属性设置”对话框，单击“按钮”选项卡6、按钮编辑7、按照上面的方法再添加其他按钮，分别命名为“作品简介”、“分段欣赏”、“音乐知识”，“返回”5.4任务三

作品欣赏12中国水利水电出版社5.5任务四

认识电脑5.5.1相关知识热区交互是用户通过单击、双击或移动到展示窗口中任意一个矩形区域而产生交互响应的交互类型。同建立按钮交互响应一样，只要在建立交互时从弹出的“交互类型”对话框中单击“热区域”单选按钮即可。建立热区域交互，热区域是演示窗口中一个很特殊的区域，鼠标在该区域范围内单击或双击就可以触发交互到相应的交互分支上。从用户交互方式上看，类似按钮交互。13中国水利水电出版社5.5任务四

认识电脑5.5.2任务实现制作要点热区域交互响应及热区域位置的使用属性面板的设置14中国水利水电出版社操作步骤1、启动Authorware，新建一个文件并保存为“认识电脑.“a7p”2、拖入一个显示图标至流程线，取名为“背景”；在显示图标中导入电脑图片，并且为第一个热区响应取名为“显示器”3、双击“显示器”群组图标上方的热区交互图标4、同样的再拖动一个群组图标至交互图标右边，命名为“键盘”，群组图标的属性同5、再拖动一个计算图标到交互图标的右边，出现“类型”对话框，选择“按钮”选项，6、分别打开两个群组图标，在群组图标里各拖动一个显示图标，分别命名为“文字1”“文字2”，并各加入“显示器”“键盘”字样。如图5-29所示。5.5任务四

认识电脑15中国水利水电出版社5.6任务五

认识卡通人物5.6.1相关知识热对象与热区域的原理是一样的，热区域在显示时不会显示出来，而热对象是可以显示出来的任意对象，如图片、文字等。也就是说，热对象是可以产生交互的特殊对象，通过鼠标对热对象的双击或单击可以跳转到热对象所对应的交互分支上。16中国水利水电出版社5.6任务五

认识卡通人物5.6.2任务实现制作要点热对象交互响应及热对象的选定属性面板的设置17中国水利水电出版社5.6任务五

认识卡通人物5.6.2任务实现操作步骤1、启动Authorware，新建一个文件，将其保存为“卡通人物.“a7p”。2、在流程线上依次添加4个显示图标，分别命名为“图1”、“图2”、“图3”和“图4”，然后分别在各自的演示窗口中导入图像“史奴比”、“樱桃小丸子”、“蜡笔小新”、“咖啡猫”，并放在合适的位置3、在流程线上添加一个交互图标，将其命名为“选择图片”，然后再其右侧依次添加4个群组图标，响应类型均设为“热对象”，将4个群组图标分别命名4、双击“史奴比”群组图标，打开二级流程图窗口，在上面添加一个显示图标，命名为“史奴比”双击该图标，打开演示窗口，输入文字“史奴比”；5、双击“史奴比”热对象的响应图标，出现“热对象属性”对话框6、用第五步的方法设置“樱桃小丸子”、“蜡笔小新”和“咖啡猫”群组图标热对象响应。18中国水利水电出版社5.7任务六

对号入座5.7.1相关知识对于某些交互应用,要求设计者设置一个目标区域,用户根据条件把正确的对象拖入这一区域,而拖动不符合条件的对象会被自动弹回原来位置。拖放题的题目和答案各使用显示图标来显示，对错误的拖放行为的处理和全部备选答案拖放正确之后的反馈是本例中的难点，目标对象的选择和目标区域的修改是本例中的重点。19中国水利水电出版社5.7任务六

对号入座5.7.2任务实现制作要点目标区域交互响应及目标区域的选取正确目标及错误目标的确定属性面板的设置20中国水利水电出版社5.7任务六

对号入座5.7.2任务实现操作步骤1、新建一个文件，以“对号入座”命名保存。2、先制作出背景和需要的突变对象。在流程线上添加一个显示图标，命名为“奥运会项目”，双击打开演示窗口，绘制出四个矩形框，在矩形框下分别添加上对象所对应的名字。3、添加一个群组图标到流程线上，命名为“运动”，双击打开第二层流程图，在第二层流程图上添加四个显示图标，分别命名为“射击”、“拳击”、“滑冰”、“网球”。4、在演示窗口中将“奥运会项目”显示图标和“运动”群组图标中的对象进行调整5、建立交互结构。回到主流程线上，添加一个交互图标，命名为“交互”。6、在交互图标的右侧添加一个群组图标，命名为“1”，在弹出的交互类型对话框中选择“目标区”，用同样的方法在创建四个群组图标“2”、“3”、“4”、“error”。8、按住shift键，双击交互图标，然后在演示窗口中单击选择一个图片对象。这时在图片的中心位置出现一个虚线框，将该虚线框移动到该图片所对应的矩形框位置，并通过虚线框四周的控制手柄调整虚线框的大小9.双击“1”群组图标上的响应类型标志，打开交互属性面板10.制作当图片没有被放到正确位置时的响应。11.双击响应类型标志，打开交互属性面板，在“目标区”选项卡中，目标对象选“允许任何对象”，将“放下”设置为“返回”，在“响应”选项卡中将“状态”设置为“错误响应”。21中国水利水电出版社5.8任务七

风景欣赏5.8.1相关知识1、窗口和菜单是Windows系统的标准界面，使用Authorware可以很方便地建立Windows95风格的标准下拉菜单。下拉菜单也是我们比较熟悉的一种交互方式，使用计算机时经常见到，绝大多数软件的界面上都带有这种交互方式，如最常用的Word2、这种交互方式可能没有按钮直接，但是对一个有很多功能的作品来说，每个功能都做成按钮显然不是很明智的做法，没有人会喜欢满满一屏幕按钮的。这种情况下就体现出下拉菜单的优势了。下拉菜单不占用演示窗口的展示部分，可以把若干命令都作到一个个下拉菜单中，使用起来也比较方便，很受用户的欢迎。22中国水利水电出版社5.8任务七

风景欣赏5.8.2任务实现制作要点下拉菜单交互响应擦除图标和等待图标的使用属性面板的设置23中国水利水电出版社5.8任务七

风景欣赏5.8.2任务实现操作步骤1、新建一个文件，将其保存为“风景欣赏.“a7p”。2、单击“修改”→“文件”→“属性”命令，打开“属性文件”的话框3、在流程线上添加一个群组图标，命名为“去除File菜单”4、双击响应类型标记，打开属性对话框。5、运行程序，打开演示窗口，同时弹出“属性：擦除图标”窗口，单击演示窗口中的File菜单选项，此时系统默认的File菜单项消失。6、返回到主流程图，在流程线上添加一个交互图标，命名为“风景欣赏”，7、双击“风景大观”群组图标，打开二级流程图窗口，在流程线上添加一个显示图标，命名为“风景”8、返回主流程图，分别打开“九寨沟”、“海南岛”、“内蒙古”和“北极”4个菜单响应图标，丰富其内容。24中国水利水电出版社5.9任务八

交通红绿灯指示器5.9.1相关知识Authorware凭借其强大的交互功能,简便的流程线程序编写方式,成为当今课件制作的主流工具。但其对视频文件的处理功能却过于单调。如何自动判断系统是否安装了视频文件特定的编解码程序,一直是个困扰课件开发人员的难题。条件响应类型不难理解，就是如果程序满足一定的条件，系统根据判断的结果激发交互，类似于在计算机图标中进行条件编程。条件交互是一种根据用户为该交互设置的条件进行自动匹配的交互类型。条件交互随时检测设置的条件是否成立。条件成立(TRUE),则执行该条件交互分支下设计图标内的流程;条件不成立(FALSE),则不执行该条件交互分支。25中国水利水电出版社5.9任务八

交通红绿灯指示器5.9.2任务实现制作要点条件交互响应及条件”为真”的使用函数的使用擦除图标和等待图标的使用属性面板的设置26中国水利水电出版社5.9任务八

交通红绿灯指示器5.9.2任务实现操作步骤1、新建一个文件，命名为“红绿灯.“a7p”。

2、拖入一个显示图标到流程线上，命名为“背景”，并设置背景颜色。3、在拖入一个显示图标到流程线上，命名为“灯框”。用矩形工具绘制一个灯框。4、插入计算图标到流程图上，命名为“a=1”，并打开编辑窗口，设置自定义变量“a：=1”，用于匹配值自动反应5、拖动一个交互图标到流程线上，设置为“条件响应”交互类型，命名为“条件响应”，并拖动3个群组图标、1个计算图标到交互图标右侧，分别命名为“a=1”、“a=2”、“a=3”、“a=4”6、在“条件”文本框内分别设置激活条件为“a=1”、“a=2”、“a=3”、“a=4”，“自动”文本框都设置“为真”7、打开前3个群组图标，并拖动显示图标、等待图标、计算图标。在显示图标中添加相应的图，设置等待图标的属性为“等待2秒”，在3个计算图标中都输入“a：=a+1”，计算图标命名为“a=a+1”。最后一个计算机图标“a=4”打开计算编辑窗口，设置自定义变量“a：=1”27中国水利水电出版社5.10任务九

智力填空题5.10.1相关知识1、文本输入响应的激活方式是要求用户输入一个字符、字符串或数字，当用户输入的内容与预设的字符、字符串或数字匹配时，相应的响应分支将被执行。2、设置文本输入响应，不仅要对文本输入响应的属性进行设置，而且还要对文本输入区进行设置。3、设置文本输入区属性4、设置文本输入相应的属性28中国水利水电出版社5.10任务九

智力填空题5.10.2任务实现制作要点文本输入交互响应及文本大小位置的调换退出命令的使用正确及错误答案的书写方式属性面板的设置29中国水利水电出版社5.10任务九

智力填空题5.10.2任务实现操作步骤1、建立一个程序流程图，如图所示。2、添加一个交互图标，命名为“退出”。3、在流程图上再拖放一个交互图标，命名为“题目”。4、双击“题目”交互图标，在属性栏上单机文本区域按钮。5、双击“2008”和“*”两个群组图标，各放一个显示图标。30中国水利水电出版社5.11任务十

按键单选题5.11.1相关知识1、按键响应类型很好理解，就是按下键盘上的某个键就可以激发一个响应事件。例如在玩游戏时，使用键盘控制游戏中人物的动作或激发一个事件。这种交互方式也是多媒体中使用比较多的方式，如选择题和娱乐性质的多媒体作品的制作。2、多媒体集成工具Authorware的一个极为突出的特点就是可以轻松实现众多交互方式，其中，按键交互响应是使用非常频繁的一种交互方式，但在设置按键时广大多媒体爱好者应该注意以下几个方面的使用规定。3、大家知道，在DOS操作系统中有通配符，可以代表有某种特性的文件或目录，使用起来非常方便。在Authorware中同样支持类似通配符的符号来匹配任何键，这个符号就是“?”，使用通配符的按键交互响应一般用来处理错误的按键，放置在正确的按键交互响应之后。31中国水利水电出版社5.11任务十

按键单选题5.11.2任务实现制作要点按键交互响应正确响应和错误响应的使用属性面板的设置32中国水利水电出版社5.11任务十

按键单选题5.11.2任务实现操作步骤1、在流程线上添加一个交互图标，命名为“答题”2、在交互图标的右侧添加一个显示图标，响应类型设置为“按键”。其命名为“a|A”。3、双击“答案”交互图标，按住<Shift>键，双击“a|A”显示图标，打开演示窗口，输入“正确答案”4、在“a|A”显示图标后面添加3个显示图标，依次命名为“b|B”、“c|C”、“d|D”,将它们的响应类型标记的状态属性设置为错误响应选项。之后在这两个显示图标中输入“错误答案”33中国水利水电出版社5.12任务十一

密码设置与验证5.12.1相关知识1、重试限制响应通常用于限制用户尝试次数的场合，它必须与其它类型的响应结合使用。

2、与时间限制响应一样，重试限制响应的“交互”选项卡中的“永久”复选框是不可选的。但不同的是“激活条件”文本框在重试限制响应中也处于不可选状态。

3、在“重试限制”选项卡中仅有“最大限制”这一个属性供我们设置。用户在此文本框中输入数字和字母或是字母串型的变量，此处的数值就是重试次数即计算机在退出该交互前所能进入格分支路径的最多次数。重试限制响应用来限制用户激发交互的次数。如系统登录时的密码输入次数限制和答题系统的回答次数限制。以最常见的登录系统为例，用户在打开程序进入登录界面时，要求输入密码，用户在输入三次不正确的密码后，系统提示三次输入都为错误，然后退出程序。34中国水利水电出版社5.12任务十一

密码设置与验证5.12.2任务实现制作要点重试限制交互响应属性面板的设置文本框大小\位置的设置正确密码及错误密码的使用35中国水利水电出版社5.12任务十一

密码设置与验证5.12.2任务实现操作步骤1、启动Authorware，新建一个文件，将其保存为“密码设置与验证”。2、单击“修改”→“文件”→“属性”命令，打开“属性：文件”对话框，在“大小”下拉列表中选择“根据变量”，取消“标题栏”和“菜单栏”复选框的选定状态，背景颜色自定义。3、在流程线上添加一个显示图标，命名为“背景”。4、在流程线上添加一个交互图标，命名为“登录”，在其右侧添加一个群组图标，响应类型设置为“重试限制”，将群组图标命名为“限制输入次数”5、打开“响应”选项卡，按要求设置6、双击“限制输入次数”群组图标，打开二级流程图窗口，依次添加显示图标、等待图标、擦除图标和计算图标7、双击“密码错误”显示图标，打开演示窗口，在窗口中输入“密码错误，不能进入！”8、双击擦除图标，打开“属性设置”对话框，单击演示窗口中欲擦除的对象9、回到主流程图窗口，在“限制输入次数”群组图标右侧添加一个群组图标10、双击群组图标上的响应类型标记，打开“属性设置”对话框11、双击“登录”交互图标，打开演示窗口，可以看到一个文本框12、双击文本框，打开“属性：交互作用文本字段”对话框，在对话框中设置文本框的属性13、回到主流程图窗口，双击“123456”群组图标上面的响应类型标记14、双击“123456”群组图标，打开二级流程图，双击“密码正确”显示图标，打开演示窗口，输入“你已成功登陆，请稍等”15、双击擦除图标，打开“属性设置”对话框，单击演示窗口中欲擦除的对象16、在“123456”群组图标右侧添加一个群组图标，命名为“*”，响应类型为“文本输入”，输入任何错误密码时，都会进入该分支。17、双击“*”群组图标，打开二级流程图窗口，在流程线上依次添加显示图标、等待图标、和擦除图标18、双击“错误提示”显示图标，输入提示文本：即“密码错误，请重新输入”。双击等待图标，进行设置。19、双击擦除图标，打开“属性设置”对话框，单击演示窗口欲擦除的对象，即“密码错误，请重新输入”。36中国水利水电出版社5.13任务十二

限定时间的数学题5.13.1相关知识时间限制响应类型是很常见的系统判断交互方式，大家都有使用计算机答卷的经历，那个系统中就有一个倒计时时钟，时间到后会自动保存试卷并关闭答卷系统。打开属性面板，其中各项的含义如下：时限：设置限时时间，单位为秒。中断：设置当交互中断时处理交互的方式，共有四种方法。继续计时：中断后时钟继续计时。暂停，在返回时恢复计时：计时暂停，直到程序再次执行该交互时继续计时。暂停，在返回时重新计时：计时暂停，直到程序再次执行该交互时重新计时。暂停，如运行时重新计时：计时暂停，程序在没有超时的情况下，跳出交互结构执行其它图标，在程序返回交互结构时重新计时。选项：设置计时选项。显示剩余时间：选中该项后，在程序运行时，演示窗口上会显示一个小闹钟的图标显示倒计时，这与等待中表示相同的。每次输入重新计时：选中该项，用户每做一次响应，系统就会重新进行计时。系统会将倒计时的数值存放在系统变量中，可以在程序运行时显示倒计时。37中国水利水电出版社5.13任务十二

限定时间的数学题5.13.2任务实现制作要点时间限制交互响应属性面板的设置函数的使用擦除图标和等待图标的使用38中国水利水电出版社5.13任务十二

限定时间的数学题5.13.2任务实现操作步骤1、启动Authorware,新建一个文件，将其保存为“限时做数学题.“a7p”。2、单击“修改”→“文件”→“属性”命令，打开“属性”对话框，在“尺寸”下拉列表中选择“变量”，取消“标题栏”和“菜单栏”复选框的选定状态。3、在流程线上添加一个显示图标，命名为“背景”。双击显示图标，在背景上输入文字4、在流程线上添加一个交互图标，命名为“算术题”，在其右侧添加两个群组图标，响应类型设置为“条件”，命名为TRUE5、双击群组图表上面的响应类型标记，打开“属性设置”对话框，在“自动”下拉列表中选择“为真”6.双击“TRUE”群组图标，打开二级流程图窗口，在流程线上添加一个计算图标，命名为“变量”，双击该图标，打开代码窗口，输入下列代码：X：=Random(1,10,1)Y：=Rand