基于XML的Flash选择题测验模板的研究与实践

在Ｆｌａｓｈ　ＭＸ　Ｐｒｏｆｅｓｓｉｏｎａｌ　２００４中，虽然Ｆｌａｓｈ本身提供了制作测验的模板，但是，一方面，运用系统自带的模板创作练习课件，需要掌握一定的Ｆｌａｓｈ基础知识；另一方面，利用模板创作练习，虽然简便，但不利于后期的维护与修改，特别是当需要同时添加数量较多的题目时，测验模板就显得有些力不从心了。本文介绍一种全新的制作思路：结合ＸＭＬ技术，将试题信息存放在外部ＸＭＬ文件中，程序运行时，通过Ｆｌａｓｈ　ＡｃｔｉｏｎＳｃｒｉｐｔ读取ＸＭＬ文件中的数据，并呈现给用户。

设计思路

本练习模板主要由用户界面文件、数据文件和动作脚本文件三部分组成。用户界面文件向使用者显示试题信息、交互信息（交互按钮和交互结果）等；数据文件主要用来存放试题内容，如题号、题干、各备选项以及正确答案等，它是一个独立的ＸＭＬ文件；动作脚本文件则是用户界面和数据间通信的桥梁，它将ＸＭＬ文档中的数据解析后存放在数组中，并通过界面文件显示出来。在Ｆｌａｓｈ文件中，可以用Ｆｌａｓｈ自带的脚本编辑器编写动作脚本文件。运行时，要将上述三个文件放在同一目录下。本练习模板的各部分关系及其流程如图１所示。

图１　模板各部分间的关系及程序流程

技术实现

上文中我们介绍了该练习模板的设计思路。接下来，我们结合一个具体的实例，介绍一下该练习模板的制作过程。

创建用户界面文件

１．在Ｆｌａｓｈ舞台上，创建如图２所示的内容，各实例的名称在图中已给出。

注意：后缀为＿ｔｘｔ的实例是动态文本框，后缀为＿ｐｂ的实例是Ｂｕｔｔｏｎ组件，后缀为＿ｒｂ的实例是Ｒａｄｉｏ－Ｂｕｔｔｏｎ组件。

图２　各实例的名称及布局

２．设置ＲａｄｉｏＢｕｔｔｏｎ实例的属性。选中ｃｈＡ＿ｒｂ实例，打开“属性”面板，在“属性”面板中选择“参数”选项卡，将ｄａｔａ参数的值设为１。以此类推，ｃｈＢ＿ｒｂ、ｃｈＣ＿ｒｂ、ｃｈＤ＿ｒｂ的ｄａｔａ参数值分别设为２、３、４，以便在程序中与正确答案进行匹配。

３．设置动态文本框的属性。分别选中ｔｉｔｌｅ＿ｔｘｔ、ｃｈＡ＿ｔｘｔ、ｃｈＢ＿ｔｘｔ、ｃｈＣ＿ｔｘｔ和ｃｈＤ＿ｔｘｔ，在“属性”面板中将其属性设置为“多行”，以满足题干及选项内容过多时的需要。

数据文件

数据文件是一个ＸＭＬ文件，ＸＭＬ语言是Ｅｘｔｅｎｓｉｂｌｅ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ的简称，它是Ｗ３Ｃ组织采取简化ＳＧＭＬ的策略而制定的一种可扩充的标记语言，可以根据信息提供者的需要自行定义标记、属性名及描述法。在本实例中，读者不需要专门学习ＸＭＬ语言，只要按照下面的格式创建一个ＸＭＬ文件即可。如果没有专门的ＸＭＬ编辑器，可以用记事本来编写。

＜？ｘｍｌ　ｖｅｒｓｉｏｎ＝＂１．０＂？＞

＜ｑｕｅｓｔｉｏｎｓ＞

＜ｑｕｅｓｔｉｏｎ＞

＜ｉｄ＞１＜／ｉｄ＞

＜ｔｉｔｌｅ＞世界上第一台电子数字计算机诞生于（　）＜／ｔｉｔｌｅ＞

＜ａｎｓｗｅｒＡ＞１９４５年＜／ａｎｓｗｅｒＡ＞

＜ａｎｓｗｅｒＢ＞１９４６年＜／ａｎｓｗｅｒＢ＞

＜ａｎｓｗｅｒＣ＞１９４７年＜／ａｎｓｗｅｒＣ＞

＜ａｎｓｗｅｒＤ＞１９４８年＜／ａｎｓｗｅｒＤ＞

＜ｒｉｇｈｔａｎｓｗｅｒ＞２＜／ｒｉｇｈｔａｎｓｗｅｒ＞

＜／ｑｕｅｓｔｉｏｎ＞

…

＜／ｑｕｅｓｔｉｏｎｓ＞

在该ＸＭＬ文件中，＜ｑｕｅｓｔｉｏｎｓ＞是本ＸＭＬ文件的根元素，一个ＸＭＬ文件只能有一个根元素。＜ｉｄ＞元素记录题目的序号；＜ｔｉｔｌｅ＞元素记录题干；＜ａｎｓｗｅｒＡ＞、＜ａｎｓｗｅｒＢ＞、＜ａｎｓｗｅｒＣ＞、＜ａｎｓｗｅｒＤ＞分别记录四个备选项；＜ｒｉｇｈｔａｎｓｗｅｒ＞记录正确答案。当向程序中添加题目时，只需创建若干个＜ｑｕｅｓｔｉｏｎ＞元素，并添加题目序号、题目名称、备选项及正确答案即可。

有一点请读者注意，当用记事本编辑ＸＭＬ文件时，保存时以．ｘｍｌ作为文件的扩展名，并在“另存为”对话框中的“编码”项中选择ＵＴＦ－８。

动作脚本文件

我们创建了用户界面文件和数据文件之后，如何才能将数据文件中的数据在用户界面文件中显示出来呢？这就要用到我们将要介绍的动作脚本文件了。动作脚本文件负责导入外部的ＸＭＬ文件，并对用户界面文件中的交互事件（如ｃｌｉｃｋ事件）进行处理。

在“文件”菜单中单击“新建”子菜单，弹出“新建文档”对话框，在“常规”选项卡中选择“动作脚本文件”就可以创建一个外部动作脚本文件，将其命名为ａｃｔｉｏｎ．ａｓ。下面是ａｃｔｉｏｎ．ａｓ文件中的几处关键代码。

１．解析ＸＭＬ文档。要将外部的ＸＭＬ文档中的数据导入到Ｆｌａｓｈ程序中来，需要调用ＸＭＬ对象的ｌｏａｄ方法来加载外部ＸＭＬ文档，格式为：ｑｕｅｓｔｉｏｎＸＭＬ．ｌｏａｄ（＂ｑｕｅｓｔｉｏｎ．ｘｍｌ＂）；

其中ｑｕｅｓｔｉｏｎＸＭＬ为ＸＭＬ对象，而ｑｕｅｓｔｉｏｎ．ｘｍｌ则为外部ＸＭＬ文档的相对路径。

当ＸＭＬ文档加载到Ｆｌａｓｈ程序中后，需要在ＸＭＬ对象的ｏｎＬｏａｄ事件中对ＸＭＬ数据进行解析，并将数据存入相应的数组中，其代码如下：

ｑｕｅｓｔｉｏｎＸＭＬ．ｏｎＬｏａｄ＝ｆｕｎｃｔｉｏｎ（ｓｔａｔｕｓ）：Ｖｏｉｄ

｛

ｆｏｒ　（ｖａｒｉ＝０；ｉ＜ｎ；ｉ＋＋）

｛

ｖａｒｔｅｍｐＮｏｄｅ：ＸＭＬＮｏｄｅ＝ｎｅｗ　ＸＭＬＮｏｄｅ（）；

ｔｅｍｐＮｏｄｅ＝ｔｈｉｓ．ｆｉｒｓｔＣｈｉｌｄ．ｃｈｉｌｄＮｏｄｅｓ［ｉ］；

ｉｄ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｆｉｒｓｔＣｈｉｌｄ．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

ｔｉｔｌｅ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｃｈｉｌｄＮｏｄｅｓ［１］．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

ｃｈＡ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｃｈｉｌｄＮｏｄｅｓ［２］．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

ｃｈＢ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｃｈｉｌｄＮｏｄｅｓ［３］．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

ｃｈＣ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｃｈｉｌｄＮｏｄｅｓ［４］．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

ｃｈＤ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｃｈｉｌｄＮｏｄｅｓ［５］．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

ｒｉｇｈｔＡｎｓｗｅｒ＿ａｒｒａｙ．ｐｕｓｈ（ｔｅｍｐＮｏｄｅ．ｃｈｉｌｄＮｏｄｅｓ［６］．ｆｉｒｓｔＣｈｉｌｄ．ｎｏｄｅＶａｌｕｅ）；

｝

｝

２．处理导航按钮的ｃｌｉｃｋ事件。单击导航按钮，可以在不同的题目之间实现切换，这里以ｆｉｒｓｔ＿ｐｂ为例，其他按钮的处理方式与此大体相同，只是在细节上有些差异，其代码如下：

ｆｕｎｃｔｉｏｎ　ｆｉｒｓｔ＿ｐｂ＿ｃｌｉｃｋ（ｅｖｔ：Ｏｂｊｅｃｔ）：Ｖｏｉｄ

｛

ＣＮ＝０；

ｆｉｒｓｔ＿ｐｂ．ｅｎａｂｌｅｄ＝ｆａｌｓｅ；

ｐｒｅｖ＿ｐｂ．ｅｎａｂｌｅｄ＝ｆａｌｓｅ；

ｎｅｘｔ＿ｐｂ．ｅｎａｂｌｅｄ＝ｔｒｕｅ；

ｌａｓｔ＿ｐｂ．ｅｎａｂｌｅｄ　＝　ｔｒｕｅ；

ｃｑ＿ｔｘｔ．ｔｅｘｔ　＝　Ｓｔｒｉｎｇ（ＣＮ　＋　１）；

ｉｄ＿ｔｘｔ．ｔｅｘｔ　＝　Ｓｔｒｉｎｇ（ｉｄ＿ａｒｒａｙ［ＣＮ］）；

ｔｉｔｌｅ＿ｔｘｔ．ｔｅｘｔ　＝　ｔｉｔｌｅ＿ａｒｒａｙ［ＣＮ］；

ｃｈＡ＿ｔｘｔ．ｔｅｘｔ　＝　ｃｈＡ＿ａｒｒａｙ［ＣＮ］；

ｃｈＢ＿ｔｘｔ．ｔｅｘｔ　＝　ｃｈＢ＿ａｒｒａｙ［ＣＮ］；

ｃｈＣ＿ｔｘｔ．ｔｅｘｔ　＝　ｃｈＣ＿ａｒｒａｙ［ＣＮ］；

ｃｈＤ＿ｔｘｔ．ｔｅｘｔ　＝　ｃｈＤ＿ａｒｒａｙ［ＣＮ］；

｝

３．处理ｃｈｅｃｋ＿ｐｂ的ｃｌｉｃｋ事件。当用户单击ｃｈｅｃｋ＿ｐｂ按钮后，可以对用户所做的问题进行检查，并给出相应的反馈信息，其代码如下：

ｆｕｎｃｔｉｏｎ　ｃｈｅｃｋ＿ｐｂ＿ｃｌｉｃｋ（ｅｖｔ：Ｏｂｊｅｃｔ）：Ｖｏｉｄ

｛

ｃｈｅｃｋ＿ｐｂ．ｅｎａｂｌｅｄ　＝　ｆａｌｓｅ；

／／判断是否答对

ｉｆ（ｒａｄｉｏＧｒｏｕｐ．ｓｅｌｅｃｔｅｄＤａｔａ　＝＝　ｒｉｇｈｔＡｎｓｗｅｒ＿ａｒｒａｙ［ＣＮ］）

ｆｅｅｄｂａｃｋ＿ｔｘｔ．ｔｅｘｔ　＝　＂恭喜你，你答对了！继续努力！＂；

ｅｌｓｅ

ｆｅｅｄｂａｃｋ＿ｔｘｔ．ｔｅｘｔ　＝　＂真遗憾，你答错了，再仔细考虑考虑吧！＂；

｝

４．在该Ｆｌａｓｈ程序中，我们使用了Ｂｕｔｔｏｎ组件和ＲａｄｉｏＢｕｔｔｏｎ组件。在Ｆｌａｓｈ　ＭＸ　Ｐｒｏｆｅｓｓｉｏｎａｌ　２００４中，组件使用广播器／侦听器模型来处理它们的事件（如ｃｌｉｃｋ事件等）。因此，我们需要为程序中的组件注册侦听器，来处理它们的事件。下面分别是ｆｉｒｓｔ＿ｐｂ和ｃｈｅｃｋ＿ｐｂ注册侦听器的代码：

ｆｉｒｓｔ＿ｐｂ．ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅｒ（＂ｃｌｉｃｋ＂，ｆｉｒｓｔ＿ｐｂ＿ｃｌｉｃｋ）；

ｃｈｅｃｋ＿ｐｂ．ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅｒ（＂ｃｌｉｃｋ＂，ｃｈｅｃｋ＿ｐｂ＿ｃｌｉｃｋ）；

ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅｒ方法有两个参数：第一个参数是事件的名称；第二个参数是侦听器对象，这里我们使用函数作为ｃｌｉｃｋ事件的侦听器对象。

动作脚本文件创建后，在用户界面文件中，新建一个ａｃｔｉｏｎ图层，它位于所有图层的上方。打开“动作”面板，在该图层的第一帧中输入如下命令：

＃ｉｎｃｌｕｄｅ“ａｃｔｉｏｎ．ａｓ”

这样运行本模板就可以了。

本模板在Ｆｌａｓｈ　ＭＸ　Ｐｒｏｆｅｓｓｉｏｎａｌ　２００４下运行通过，其运行效果如图３所示。

＜ｉｍｇ　ｓｒｃ＝＂／ｑｋｉｍａｇｅｓ／ｘｘｊｙ／ｘｘｊｙ２００６１２／ｘｘｊｙ２００６１２２８－３－ｌ．ｊｐｇ＂　ｈｓｐａｃｅ＝＂１５＂　ｖｓｐａｃｅ＝＂５＂　ａｌｉｇｎ＝＂＂＞

图３运行效果图

结束语

使用Ｆｌａｓｈ制作的选择题测验模板具有文件体积小、交互性强、表现力丰富、便于维护与更新等特点，特别适合制作成网络课件和在线测试题。本文主要介绍使用Ｆｌａｓｈ设计交互选择题测验模板的方法，设计要点是利用ＵＩ　组件构建选择题模板中的交互控件；利用外部的ＸＭＬ文件存储试题的数据；利用动作脚本语言实现程序逻辑结构。当需要对测试题进行修改与更新时，只需要修改外部的ＸＭＬ文档即可。该选择题测验模板不但可以单独使用，而且可以和具体的课程结合起来，嵌入到网络课程中。其他类型的测验题课件（判断题、填空题等）也可以用类似的方法进行设计和制作。