我們這款背單詞App的特點(diǎn)是使用個(gè)性化的單詞本，會(huì)用到文件管理器組件調(diào)用外部文件及二維列表的知識(shí)，借此掌握CSV文件和列表之間的轉(zhuǎn)換技巧。

一、功能及界面設(shè)計(jì)

App名稱“背單詞”，背景圖用張黑板圖片，從上到下的按鍵有單詞、釋義、發(fā)音、下一個(gè)。

點(diǎn)擊“單詞”切換單詞的顯示與隱藏。點(diǎn)擊“釋義”切換釋義的顯示與隱藏。點(diǎn)擊“發(fā)音”可以再念讀一遍，也可以勾選“讀釋義”的復(fù)選框，讀中文解釋（需手機(jī)語(yǔ)音庫(kù)支持）。

初始狀態(tài)下單詞和釋義都隱藏，可以直接用聽(tīng)寫的方式來(lái)背單詞，再通過(guò)點(diǎn)擊顯示需要的內(nèi)容。點(diǎn)擊“下一個(gè)”隨機(jī)切換單詞庫(kù)中的任意單詞。

二、組件設(shè)計(jì)

準(zhǔn)備一張豎屏的黑板圖片作為背景，一個(gè)正方形的圖標(biāo)。按后文的方法準(zhǔn)備一份英語(yǔ)單詞文本english.csv。

新建項(xiàng)目取名“english”，將2個(gè)圖片和english.csv上傳進(jìn)素材。并根據(jù)圖1設(shè)計(jì)組件。

1.組件Screen，命名Screen1，背景圖片為background.png，圖標(biāo)icon.png，屏幕方向鎖定豎屏，標(biāo)題“背單詞”。

2.使用5個(gè)水平布局依次垂直排列，高和寬充滿，背景顏色透明，通過(guò)水平居中，設(shè)置垂直居下或者居上，讓各個(gè)按鈕和標(biāo)簽處于合適的位置。

3.需要4個(gè)按鈕，均為圓角按鈕，根據(jù)重要程度設(shè)定不同的字體顏色、粗細(xì)和大小，由于需要用于觸發(fā)相應(yīng)事件，勾選“顯示交互效果”。

按鈕“單詞”，點(diǎn)擊切換單詞的顯示與隱藏，文本“單詞：”。

按鈕“釋義”，點(diǎn)擊切換釋義的顯示與隱藏，文本“釋義：”。

按鈕“發(fā)音”，點(diǎn)擊后會(huì)再次讀出單詞或釋義（由復(fù)選框控制），文本“發(fā)音”。

按鈕“下一個(gè)”，用于切換到詞庫(kù)的下一個(gè)單詞，文本“下一個(gè)”。

4.標(biāo)簽2個(gè)，標(biāo)簽“標(biāo)簽_單詞”用于顯示單詞具體內(nèi)容，位于按鈕單詞右邊，文本“study”。標(biāo)簽“標(biāo)簽_釋義”，放置釋義內(nèi)容，位于按鈕釋義的右邊，文本“學(xué)習(xí)”。

5.復(fù)選框1個(gè)，用于選擇是念讀單詞還是釋義，文本“念讀釋義”。

6.文件管理器，打開英語(yǔ)單詞表文件。使用文本語(yǔ)音轉(zhuǎn)換器，把文字轉(zhuǎn)換成聲音（圖1）。

三、單詞表的轉(zhuǎn)換和讀取

1.單詞表的轉(zhuǎn)換

我們常見(jiàn)的表格是Excel格式的，想要在AppInventor中使用表格可以將其轉(zhuǎn)存成CSV格式。CSV格式的文件其實(shí)是由逗號(hào)作為分隔符的文本文件，可以用記事本打開。由于通過(guò)Excel另存的CSV格式文件默認(rèn)編碼為ANSI，這種編碼在AppInventor中打開會(huì)出現(xiàn)中文亂碼，因此需要先在Excel中整理好表格，第一列中文，第二列放對(duì)應(yīng)英文。然后保存為CSV文件（圖2）。

通過(guò)記事本打開這個(gè)CSV文件，然后另存為UTF-8編碼格式。最后修改后綴將english.txt改為english.csv（圖3）。

2.單詞表的導(dǎo)入

將english.csv上傳到素材，當(dāng)屏幕初始化時(shí)，調(diào)用文件管理器讀取文件。文件名要把目錄地址一并加上“/AppInventor/assets/english.csv”。這樣設(shè)置是因?yàn)樵贏ppInventor開發(fā)網(wǎng)站上傳的所有素材文件，在模擬運(yùn)行時(shí)都是放在手機(jī)的“/AppInventor/assets/”目錄中。當(dāng)通過(guò)手機(jī)運(yùn)行APK文件時(shí)，不妨先通過(guò)Al伴侶APP進(jìn)行連接后再運(yùn)行，這樣能確保在“/AppInventor/assets/”錄中存在english.csv文件，否則會(huì)因沒(méi)有裝載文件而不能正常運(yùn)行（圖4）。

然后，初始化全局變量單詞列表，當(dāng)文件管理器獲得文本時(shí)，將CSV轉(zhuǎn)列表。這時(shí)外部的文件已經(jīng)轉(zhuǎn)換為內(nèi)部的列表了（圖5）。

CSV文件實(shí)際上是被轉(zhuǎn)換為了一個(gè)二維列表，即CSV文件中的每一行先轉(zhuǎn)換成一個(gè)列表，該行的每一列元素轉(zhuǎn)變?yōu)樵摿斜碇械囊粋€(gè)列表項(xiàng)。比如，文件管理器讀取english.csv文件，將它轉(zhuǎn)換為單詞列表，該單詞列表的列表項(xiàng)又是列表，由兩項(xiàng)組成，第一項(xiàng)是釋義，第二項(xiàng)是對(duì)應(yīng)單詞，列表內(nèi)容示意如圖6。

3.單詞表的使用

當(dāng)點(diǎn)擊“下一個(gè)”按鈕時(shí)，從單詞列表中隨機(jī)取出一個(gè)單詞。這里可以設(shè)一個(gè)局部變量“隨機(jī)單詞”，從單詞列表中隨機(jī)取出一個(gè)單詞；然后分別取出它的第一項(xiàng)給標(biāo)簽釋義，第二項(xiàng)給標(biāo)簽單詞；再判斷復(fù)選框是否被選中，如果選中，念讀中文釋義，否則念讀英文單詞。具體代碼模塊如圖7。

4.隨機(jī)產(chǎn)生下一個(gè)單詞

如圖所示有兩種產(chǎn)生隨機(jī)單詞的方法（圖8）。

四、其他邏輯設(shè)計(jì)

本App的難點(diǎn)就是CSV文件的使用和隨機(jī)單詞的抽取。下面是其他幾個(gè)按鈕的邏輯設(shè)計(jì)，比較簡(jiǎn)單了。

1.顯示/隱藏單詞

點(diǎn)擊“單詞”按鈕時(shí)，可以顯示或隱藏單詞。只需取標(biāo)簽原來(lái)的顯示狀態(tài)的相反狀態(tài)即可（圖9）。

2.顯示/隱藏釋義

點(diǎn)擊“釋義”按鈕時(shí)，可以顯示或隱藏釋義，用邏輯“非”即可（圖10）。

3.發(fā)音功能

點(diǎn)擊“發(fā)音”按鈕時(shí)，首先判斷復(fù)選框的選中狀態(tài)，從而判斷念讀中文釋義還是英語(yǔ)單詞，然后發(fā)音，點(diǎn)擊一次，念讀一遍（圖11）。

五、調(diào)試和改進(jìn)

由于使用了中英文語(yǔ)音，其中中文語(yǔ)音需要在手機(jī)上安裝相關(guān)的引擎。一般手機(jī)上會(huì)默認(rèn)安裝中文語(yǔ)音引擎。如果無(wú)法在手機(jī)上發(fā)出中文語(yǔ)音，可以在應(yīng)用商店中搜索并安裝“訊飛語(yǔ)音+”。安裝后在手機(jī)中點(diǎn)“設(shè)置→高級(jí)設(shè)置→語(yǔ)言和輸入法→文字轉(zhuǎn)語(yǔ)音（TTS）輸出→訊飛語(yǔ)音+”（以華為手機(jī)為例）就可以了。

如果程序順利運(yùn)行，那么還有什么可以改進(jìn)的？做一些個(gè)性化的完善吧，如增加單詞次數(shù)統(tǒng)計(jì)，顯示背了多少個(gè)單詞；增加計(jì)時(shí)功能，統(tǒng)計(jì)花了多少時(shí)間等。

源代碼和單詞表可以關(guān)注“壹零社”公眾號(hào)下載。