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

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

設(shè)計思路

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

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

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

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

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

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

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

圖２ 各實例的名稱及布局

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

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

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

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

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

＜ｑｕｅｓｔｉｏｎｓ＞

＜ｑｕｅｓｔｉｏｎ＞

＜ｉｄ＞１＜／ｉｄ＞

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

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

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

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

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

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

＜／ｑｕｅｓｔｉｏｎ＞

…

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

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

有一點請讀者注意，當用記事本編輯ＸＭＬ文件時，保存時以．ｘｍｌ作為文件的擴展名，并在“另存為”對話框中的“編碼”項中選擇ＵＴＦ－８。

動作腳本文件

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

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

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

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

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

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

｛

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

｛

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

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

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

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

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

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

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

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

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

｝

｝

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

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

｛

ＣＮ＝０；

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

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

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

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

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

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

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

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

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

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

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

｝

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

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

｛

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

／／判斷是否答對

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

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

ｅｌｓｅ

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

｝

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

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

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

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

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

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

這樣運行本模板就可以了。

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

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

圖３運行效果圖

結(jié)束語

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