《用authorwear制作“习题”学习交互》由会员分享,可在线阅读,更多相关《用authorwear制作“习题”学习交互(77页珍藏版)》请在金锄头文库上搜索。
1、,5.1 实例介绍和分析,5.2 制作过程,5.3 知识点链接,5.4 扩展练习,5.5 本章小结,1. 实例介绍 为了完成本实例的制作,主要利用Authorware 7.02中的交互图标 和群组图标 ,一般“交互”图标都和“群组”图标及“显示”图标结合使用,除此之外还使用了等待图标和擦除图标。 交互图标:它的主要功能是用户可以参与到程序的运行过程中,例如当程序运行到某一时刻时,将允许用户做某种选择。 群组图标:群组图标的功能和使用方法与其他图标有所不同。从功能上说,它不执行任何任务,只是放置其他图标的容器。群组图标是制作多媒体程序中经常用到的图标,经常和交互图标配合使用。 显示图标:用来建立
2、图像和文本。 等待图标:用来暂停程序运行。 擦除图标:擦除显示对象。,在本实例中,主要利用Authorware 7.02提供的4种响应类型来进行制作: 第一部分填空题的制作方法,主要利用交互响应中文本输入响应来实现。 第二部分判断题的制作方法,主要利用按钮交互响应来完成。 第三部分选择题的制作方法,主要利用热区域交互来完成。 第四部分为词语搭配题,主要利用目标区响应来完成。,在本实例中,填空题的运行效果如图5.1所示,判断题的运行效果如图5.2所示。,图5.1 填空题运行效果图 图5.2 判断图运行效果图,选择题的运行效果如图5.3所示,词语搭配题的运行效果如图5.4所示。,图5.3 选择题运
3、行效果图 图5.4 搭配题运行效果图,本实例的制作过程如下: (1)新建一个文件,并保存命名为“练习题.a7p”。 (2)从“图标”面板中拖动四个群组图标到主流程线上,并依次命名为“填空题”、“判断题”、“选择题”以及“搭配题”,如图5.5所示。,图5.5 程序主流程线,(1)双击“填空题”群组图标,打开该图标的二级流程窗口。 (2)拖动一个显示图标到流程线上,命名为“背景”,双击打开其演示窗口,导入背景素材图片并调整其大小。 (3)再拖动一个显示图标,命名为“标题和题目”。为了在有背景的情况下输入文本内容,首先双击“背景”显示图标,然后按住Shift键,再双击“标题和题目”显示图标,在演示窗
4、口中输入如图5.6所示的文本内容。,图5.6 填空题中输入的文本内容,(4)拖动一个交互图标,命名为“题1”。再拖动两个群组图标到“题1”交互图标的右边,在“交互类型”对话框中选择“文本输入”。在流程线上按住Shift键,双击“题1”交互图标,在演示窗口中出现一个输入文本框,拖动文本框到题1后边需要填空的位置。 (5)在演示窗口中双击文本框打开文本框的“属性:交互作用文本字段”对话框。首先对“交互作用”选项卡中的各项进行设置,如图5.7所示。然后单击“文本”选项卡,设置如图5.8所示。设置完成后,单击“确定”按钮。,图5.7 “交互作用”选项卡设置 图5.8 “文本”选项卡设置,(6)单击第一
5、个群组图标上方的交互类型标识符,打开它的属性面板,设置文本输入响应属性,在“属性”面板的名称文本框中输入“疑是地上霜”作为该群组图标的名称。“文本输入”选项卡的各参数使用默认值,如图5.9所示。,图5.9 文本输入响应类型的属性面板,(7)单击“响应”选项卡,在“擦除”下拉列表框中选择“不擦除”选项,在“状态”下拉列表框中选择“正确响应”选项,在“分支”下拉列表框中选择“退出交互”选项,如图5.10所示。,图5.10 设置“响应”选项卡,(8)单击第二个群组图标,命名为“*”,它的设置和“疑是地上霜”群组图标的属性设置基本一样,不同的是在“状态”下拉列表框中选择“错误响应”选项。 (9)重复第
6、(3)、(4)、(5)、(6)步,为其他几个填空题添加文本输入交互,分别命名为“题2”、“题3”、“题4”和“题5”。 (10)在流程线的最后拖入一个显示图标,命名为“统计”。双击该显示图标,输入以下文字:本页你答对了TotalCorrect题,答错了TotalWrong题。 (11)拖动一个等待图标到“统计”显示图标的下方,双击该等待图标,打开其属性面板,选中“单击鼠标”复选框,取消其他选中的复选框,如图5.11所示。,图5.11 设置等待图标属性,(12)“填空题”群组图标的二级程序流程图如图5.12所示。,图5.12 “填空题”二级程序流程图,(1)双击“判断题”群组图标,打开该群组图标
7、的二级流程线窗口。 (2)拖动一个计算图标到流程线上,并命名为“答案”。双击“答案”计算图标,打开其程序窗口,输入以下语句: answer:=1 关闭程序窗口时,在弹出的询问对话框中单击“是”按钮,在弹出的“新建变量”对话框中单击“确定”按钮。 (3)拖动一个显示图标到“答案”计算图标的下方,并命名为“背景”。双击“背景”显示图标,打开其演示窗口,单击工具栏上的 按钮,打开“导入哪个文件”对话框,导入事先准备好的背景图片。 (4)再拖动一个显示图标到“背景”显示图标的下方,命名为“题干”。双击该显示图标,打开其演示窗口,输入需要的文本。,(5)按Ctrl+I组合键,打开“题干”显示图标的属性面
8、板,如图5.13所示。单击“特效”文本框后边的 按钮。,图5.13 “题干”显示图标属性面板,打开“特效方式”对话框,选择“分类”列表框中的“内部”选项,选择“特效”列表框中的“水平百叶窗式”选项,在“周期”文本框中输入“1”秒。在这里“分类”和“特效”方式可以根据自己的需要进行设置,“周期”也是根据自己的需要进行设置,如图5.14所示。,图5.14 设置“特效方式”,(6)拖动一个交互图标到“题干”显示图标的下方,并命名为“控制”。 (7)拖动一个计算图标到“控制”交互图标的右边,在弹出的“交互类型”对话框中选择“按钮”交互方式,单击“确定”按钮,如图5.15所示。,图5.15 “交互类型”
9、对话框,(8)命名该计算图标为“提交”。拖动两个群组图标到“提交”计算图标的右边,并依次命名为“a1”和“a2”,如图5.16所示。,图5.16 程序流程图,(9)双击“提交”计算图标,打开其程序窗口,输入以下代码: if Checked“a1“=1 then user_answer:=1 if Checked“a2“=1 then user_answer:=2 if user_answer=answer then prompt:=“你答对了“ else prompt:=“你答错了“ end if 关闭程序窗口,在弹出的“新建变量”对话框中单击“确定”按钮。,(10)双击“提交”计算图标上方的
10、交互类型标识符,打开交互图标属性面板,设置按钮响应属性,如图5.17所示。,图5.17 “交互图标”属性面板,(11)单击属性面板左下角的“按钮.”按钮,打开“按钮”对话框,单击“添加.”按钮,打开“按钮编辑”对话框,如图5.18所示。,图5.18 “按钮编辑”对话框,(12)单击“图案”下拉列表框后边的“导入.”按钮,导入事先准备好的按钮图片;单击“标签”下拉列表框,选择“显示卷标”选项,如图5.19所示。单击“确定”按钮,回到“按钮”对话框,单击“确定”按钮。,图5.19 设置“提交”按钮的形状,(13)单击图5.17中“交互图标”面板中的“响应”选项卡,在“擦除”下拉列表框中选择“在下一
11、次输入之后”选项,在“分支”下拉列表框中选择“退出交互”选项,在“状态”下拉列表框中选择“不判断”选项,如图5.20所示。,图5.20 “响应”选项卡设置,(14)双击“a1”群组图标上方的交互类型标识符,打开它的属性面板,单击“按钮.”按钮,打开“按钮”对话框,在按钮列表中选择“标准Windows收音机按钮系统”项,如图5.21所示,单击“确定”按钮。,图5.21 在“按钮”对话框选择按钮形状,(15)在选项“标签”后面输入要显示在按钮上的文字“正确“”,如图5.22所示,并设置选项“鼠标”为手形指针。,图5.22 按钮“a1”的属性面板,(16)单击“响应”选项卡,在“擦除”下拉列表框中选
12、择“在下一次输入之后”,在“分支”下拉列表框中选择“重试”,在“状态”下拉列表框中选择“不判断”,如图5.23所示。,图5.23 设置“响应”选项卡,(17)在“a1”群组图标上单击右键,在弹出的快捷菜单中选择“计算.”菜单项,在弹出的“a1”程序窗口中输入以下语句: Checked“a2“:=0 (18)“a2”群组图标的设置方法就不再详细叙述,它的设置方法同“a1”群组图标的设置方法相同,只有在“a2”程序窗口中输入的语句不同。在“a2”程序窗口中输入以下语句: Checked“a1“:=0,(19)将“开始”标志旗 拖动到“答案”计算图标的上方,单击工具栏上的“从标志旗开始执行”按钮,再
13、单击“调试”菜单下的“暂停”命令,调整文本和按钮的位置,如图5.24所示。,图5.24 调整文本和按钮的位置,(20)拖动一个显示图标到“控制”交互图标的下方,并命名为“显示提示信息”,双击打开其演示窗口,输入文本prompt。 (21)按Ctrl+I组合键,打开“显示提示信息”显示图标的属性面板,设置“特效”为“左右两端向中展示”。 (22)运行程序,效果图如图5.25所示。,图5.25 程序运行结果示意图,(23)拖动一个等待图标到“显示提示信息”显示图标的下方,双击该等待图标打开其属性面板,设置方式如图5.26所示。,图5.26 设置“等待图标”属性面板,(24)将“开始”标志旗拖回到原
14、处。 (25)拖动一个擦除图标到“答案”计算图标的上方,命名为“擦除1”。 (26)单击工具栏上的“运行”按钮,当把填空题做完之后,程序出现暂停,在演示窗口中单击鼠标,在演示窗口中单击要擦除的图标,被擦除图标的名称就出现在“被擦除的图标”后边的文本框中,如图5.27所示。,图5.27 “擦除1”擦除图标属性面板,(27)该程序的流程图如图5.28所示。,图5.28 “判断题”程序流程图,(1)双击“选择题”群组图标,打开其二级流程线。 (2)拖动一个显示图标到该程序流程线上,并命名为“背景”,双击该显示图标打开其演示窗口,导入事先准备好的背景图片并调整到合适大小。 (3)拖动一个显示图标到“背
15、景”显示图标的下方,并命名为“题目”。 (4)双击打开“背景”显示图标的演示窗口,按住Shift键的同时,双击“题目”显示图标,在演示窗口中添加文本内容,设置文本字体的大小、颜色等属性,设置文本的模式为“透明”,如图5.29所示。,图5.29 添加的文本,(5)拖动一个交互图标到“题目”显示图标的下方,命名为“控制”。 (6)拖动一个显示图标到“控制”交互图标的右侧,在弹出的“交互类型”对话框中选择“热区域”响应,重命名该显示图标为“A”。 (7)依次拖动三个“显示图标”到“A”显示图标的右侧,并分别重命名为“B”、“C”和“D”,拖动“开始”标志旗到“背景”显示图标的上方,如图5.30所示。
16、,图5.30 程序流程图,(8)双击“A”显示图标,打开其演示窗口,使用文本工具输入内容“错了”,如图5.31所示。 (9)双击“B”显示图标,打开其演示窗口,使用文本工具输入正确答案“B”,如图5.32所示。,图5.31 输入A选项内容 图5.32 输入B选项内容,(10)参照第(8)和(9)步,分别在其他显示图标的演示窗口中输入文本内容“错了”。 (11)双击“B”显示图标上方的响应类型标识符,打开其属性面板,单击“响应”选项卡,设置“分支”下拉列表框为“退出交互”选项,其他选项选择默认值,如图5.33所示。,图5.33 “B”交互图标属性设置,(12)分别双击“A”、“B”、“C”和“D”显示图标上方的响应类型标识符,拖动热区域范围,如图5.34所示。,图5.34 选择热区域范围,(13)分别双击“A”、“B”、“C”和“D”显示图标上方的响应类型标识符,打开其属性面板,单击属性面板最右侧的 按钮,打开“鼠标指