基于ＸＭＬ的Ｆｌａｓｈ選擇題測驗(yàn)?zāi)０宓难芯颗c實(shí)踐

在Ｆｌａｓｈ ＭＸ Ｐｒｏｆｅｓｓｉｏｎａｌ ２００４中，雖然Ｆｌａｓｈ本身提供了制作測驗(yàn)的模板，但是，一方面，運(yùn)用系統(tǒng)自帶的模板創(chuàng)作練習(xí)課件，需要掌握一定的Ｆｌａｓｈ基礎(chǔ)知識(shí)；另一方面，利用模板創(chuàng)作練習(xí)，雖然簡便，但不利于后期的維護(hù)與修改，特別是當(dāng)需要同時(shí)添加數(shù)量較多的題目時(shí)，測驗(yàn)?zāi)０寰惋@得有些力不從心了。本文介紹一種全新的制作思路：結(jié)合ＸＭＬ技術(shù)，將試題信息存放在外部ＸＭＬ文件中，程序運(yùn)行時(shí)，通過Ｆｌａｓｈ ＡｃｔｉｏｎＳｃｒｉｐｔ讀取ＸＭＬ文件中的數(shù)據(jù)，并呈現(xiàn)給用戶。

設(shè)計(jì)思路

本練習(xí)模板主要由用戶界面文件、數(shù)據(jù)文件和動(dòng)作腳本文件三部分組成。用戶界面文件向使用者顯示試題信息、交互信息（交互按鈕和交互結(jié)果）等；數(shù)據(jù)文件主要用來存放試題內(nèi)容，如題號(hào)、題干、各備選項(xiàng)以及正確答案等，它是一個(gè)獨(dú)立的ＸＭＬ文件；動(dòng)作腳本文件則是用戶界面和數(shù)據(jù)間通信的橋梁，它將ＸＭＬ文檔中的數(shù)據(jù)解析后存放在數(shù)組中，并通過界面文件顯示出來。在Ｆｌａｓｈ文件中，可以用Ｆｌａｓｈ自帶的腳本編輯器編寫動(dòng)作腳本文件。運(yùn)行時(shí)，要將上述三個(gè)文件放在同一目錄下。本練習(xí)模板的各部分關(guān)系及其流程如圖１所示。

圖１ 模板各部分間的關(guān)系及程序流程

技術(shù)實(shí)現(xiàn)

上文中我們介紹了該練習(xí)模板的設(shè)計(jì)思路。接下來，我們結(jié)合一個(gè)具體的實(shí)例，介紹一下該練習(xí)模板的制作過程。

創(chuàng)建用戶界面文件

１．在Ｆｌａｓｈ舞臺(tái)上，創(chuàng)建如圖２所示的內(nèi)容，各實(shí)例的名稱在圖中已給出。

注意：后綴為＿ｔｘｔ的實(shí)例是動(dòng)態(tài)文本框，后綴為＿ｐｂ的實(shí)例是Ｂｕｔｔｏｎ組件，后綴為＿ｒｂ的實(shí)例是Ｒａｄｉｏ－Ｂｕｔｔｏｎ組件。

圖２ 各實(shí)例的名稱及布局

２．設(shè)置ＲａｄｉｏＢｕｔｔｏｎ實(shí)例的屬性。選中ｃｈＡ＿ｒｂ實(shí)例，打開“屬性”面板，在“屬性”面板中選擇“參數(shù)”選項(xiàng)卡，將ｄａｔａ參數(shù)的值設(shè)為１。以此類推，ｃｈＢ＿ｒｂ、ｃｈＣ＿ｒｂ、ｃｈＤ＿ｒｂ的ｄａｔａ參數(shù)值分別設(shè)為２、３、４，以便在程序中與正確答案進(jìn)行匹配。

３．設(shè)置動(dòng)態(tài)文本框的屬性。分別選中ｔｉｔｌｅ＿ｔｘｔ、ｃｈＡ＿ｔｘｔ、ｃｈＢ＿ｔｘｔ、ｃｈＣ＿ｔｘｔ和ｃｈＤ＿ｔｘｔ，在“屬性”面板中將其屬性設(shè)置為“多行”，以滿足題干及選項(xiàng)內(nèi)容過多時(shí)的需要。

數(shù)據(jù)文件

數(shù)據(jù)文件是一個(gè)ＸＭＬ文件，ＸＭＬ語言是Ｅｘｔｅｎｓｉｂｌｅ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ的簡稱，它是Ｗ３Ｃ組織采取簡化ＳＧＭＬ的策略而制定的一種可擴(kuò)充的標(biāo)記語言，可以根據(jù)信息提供者的需要自行定義標(biāo)記、屬性名及描述法。在本實(shí)例中，讀者不需要專門學(xué)習(xí)ＸＭＬ語言，只要按照下面的格式創(chuàng)建一個(gè)ＸＭＬ文件即可。如果沒有專門的ＸＭＬ編輯器，可以用記事本來編寫。

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

＜ｑｕｅｓｔｉｏｎｓ＞

＜ｑｕｅｓｔｉｏｎ＞

＜ｉｄ＞１＜／ｉｄ＞

＜ｔｉｔｌｅ＞世界上第一臺(tái)電子數(shù)字計(jì)算機(jī)誕生于（ ）＜／ｔｉｔｌｅ＞

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

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

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

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

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

＜／ｑｕｅｓｔｉｏｎ＞

…

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

在該ＸＭＬ文件中，＜ｑｕｅｓｔｉｏｎｓ＞是本ＸＭＬ文件的根元素，一個(gè)ＸＭＬ文件只能有一個(gè)根元素。＜ｉｄ＞元素記錄題目的序號(hào)；＜ｔｉｔｌｅ＞元素記錄題干；＜ａｎｓｗｅｒＡ＞、＜ａｎｓｗｅｒＢ＞、＜ａｎｓｗｅｒＣ＞、＜ａｎｓｗｅｒＤ＞分別記錄四個(gè)備選項(xiàng)；＜ｒｉｇｈｔａｎｓｗｅｒ＞記錄正確答案。當(dāng)向程序中添加題目時(shí)，只需創(chuàng)建若干個(gè)＜ｑｕｅｓｔｉｏｎ＞元素，并添加題目序號(hào)、題目名稱、備選項(xiàng)及正確答案即可。

有一點(diǎn)請(qǐng)讀者注意，當(dāng)用記事本編輯ＸＭＬ文件時(shí)，保存時(shí)以．ｘｍｌ作為文件的擴(kuò)展名，并在“另存為”對(duì)話框中的“編碼”項(xiàng)中選擇ＵＴＦ－８。

動(dòng)作腳本文件

我們創(chuàng)建了用戶界面文件和數(shù)據(jù)文件之后，如何才能將數(shù)據(jù)文件中的數(shù)據(jù)在用戶界面文件中顯示出來呢？這就要用到我們將要介紹的動(dòng)作腳本文件了。動(dòng)作腳本文件負(fù)責(zé)導(dǎo)入外部的ＸＭＬ文件，并對(duì)用戶界面文件中的交互事件（如ｃｌｉｃｋ事件）進(jìn)行處理。

在“文件”菜單中單擊“新建”子菜單，彈出“新建文檔”對(duì)話框，在“常規(guī)”選項(xiàng)卡中選擇“動(dòng)作腳本文件”就可以創(chuàng)建一個(gè)外部動(dòng)作腳本文件，將其命名為ａｃｔｉｏｎ．ａｓ。下面是ａｃｔｉｏｎ．ａｓ文件中的幾處關(guān)鍵代碼。

１．解析ＸＭＬ文檔。要將外部的ＸＭＬ文檔中的數(shù)據(jù)導(dǎo)入到Ｆｌａｓｈ程序中來，需要調(diào)用ＸＭＬ對(duì)象的ｌｏａｄ方法來加載外部ＸＭＬ文檔，格式為：ｑｕｅｓｔｉｏｎＸＭＬ．ｌｏａｄ（＂ｑｕｅｓｔｉｏｎ．ｘｍｌ＂）；

其中ｑｕｅｓｔｉｏｎＸＭＬ為ＸＭＬ對(duì)象，而ｑｕｅｓｔｉｏｎ．ｘｍｌ則為外部ＸＭＬ文檔的相對(duì)路徑。

當(dāng)ＸＭＬ文檔加載到Ｆｌａｓｈ程序中后，需要在ＸＭＬ對(duì)象的ｏｎＬｏａｄ事件中對(duì)ＸＭＬ數(shù)據(jù)進(jìn)行解析，并將數(shù)據(jù)存入相應(yīng)的數(shù)組中，其代碼如下：

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

｛

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

｛

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

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

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

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

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

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

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

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

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

｝

｝

２．處理導(dǎo)航按鈕的ｃｌｉｃｋ事件。單擊導(dǎo)航按鈕，可以在不同的題目之間實(shí)現(xiàn)切換，這里以ｆｉｒｓｔ＿ｐｂ為例，其他按鈕的處理方式與此大體相同，只是在細(xì)節(jié)上有些差異，其代碼如下：

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

｛

ＣＮ＝０；

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

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

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

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

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

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

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

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

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

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

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

｝

３．處理ｃｈｅｃｋ＿ｐｂ的ｃｌｉｃｋ事件。當(dāng)用戶單擊ｃｈｅｃｋ＿ｐｂ按鈕后，可以對(duì)用戶所做的問題進(jìn)行檢查，并給出相應(yīng)的反饋信息，其代碼如下：

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

｛

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

／／判斷是否答對(duì)

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

ｆｅｅｄｂａｃｋ＿ｔｘｔ．ｔｅｘｔ ＝ ＂恭喜你，你答對(duì)了！繼續(xù)努力！＂；

ｅｌｓｅ

ｆｅｅｄｂａｃｋ＿ｔｘｔ．ｔｅｘｔ ＝ ＂真遺憾，你答錯(cuò)了，再仔細(xì)考慮考慮吧！＂；

｝

４．在該Ｆｌａｓｈ程序中，我們使用了Ｂｕｔｔｏｎ組件和ＲａｄｉｏＢｕｔｔｏｎ組件。在Ｆｌａｓｈ ＭＸ Ｐｒｏｆｅｓｓｉｏｎａｌ ２００４中，組件使用廣播器／偵聽器模型來處理它們的事件（如ｃｌｉｃｋ事件等）。因此，我們需要為程序中的組件注冊(cè)偵聽器，來處理它們的事件。下面分別是ｆｉｒｓｔ＿ｐｂ和ｃｈｅｃｋ＿ｐｂ注冊(cè)偵聽器的代碼：

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

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

ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅｒ方法有兩個(gè)參數(shù)：第一個(gè)參數(shù)是事件的名稱；第二個(gè)參數(shù)是偵聽器對(duì)象，這里我們使用函數(shù)作為ｃｌｉｃｋ事件的偵聽器對(duì)象。

動(dòng)作腳本文件創(chuàng)建后，在用戶界面文件中，新建一個(gè)ａｃｔｉｏｎ圖層，它位于所有圖層的上方。打開“動(dòng)作”面板，在該圖層的第一幀中輸入如下命令：

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

這樣運(yùn)行本模板就可以了。

本模板在Ｆｌａｓｈ ＭＸ Ｐｒｏｆｅｓｓｉｏｎａｌ ２００４下運(yùn)行通過，其運(yùn)行效果如圖３所示。

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

圖３運(yùn)行效果圖

結(jié)束語

使用Ｆｌａｓｈ制作的選擇題測驗(yàn)?zāi)０寰哂形募w積小、交互性強(qiáng)、表現(xiàn)力豐富、便于維護(hù)與更新等特點(diǎn)，特別適合制作成網(wǎng)絡(luò)課件和在線測試題。本文主要介紹使用Ｆｌａｓｈ設(shè)計(jì)交互選擇題測驗(yàn)?zāi)０宓姆椒ǎO(shè)計(jì)要點(diǎn)是利用ＵＩ 組件構(gòu)建選擇題模板中的交互控件；利用外部的ＸＭＬ文件存儲(chǔ)試題的數(shù)據(jù)；利用動(dòng)作腳本語言實(shí)現(xiàn)程序邏輯結(jié)構(gòu)。當(dāng)需要對(duì)測試題進(jìn)行修改與更新時(shí)，只需要修改外部的ＸＭＬ文檔即可。該選擇題測驗(yàn)?zāi)０宀坏梢詥为?dú)使用，而且可以和具體的課程結(jié)合起來，嵌入到網(wǎng)絡(luò)課程中。其他類型的測驗(yàn)題課件（判斷題、填空題等）也可以用類似的方法進(jìn)行設(shè)計(jì)和制作。