《用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”显示图标上方的响应类型标识符，打开其属性面板，单击属性面板最右侧的 按钮，打开“鼠标指
