從頭開始學App Inventor（六）

我們這款背單詞App的特點是使用個性化的單詞本，會用到文件管理器組件調用外部文件及二維列表的知識，借此掌握CSV文件和列表之間的轉換技巧。

一、功能及界面設計

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

點擊“單詞”切換單詞的顯示與隱藏。點擊“釋義”切換釋義的顯示與隱藏。點擊“發音”可以再念讀一遍，也可以勾選“讀釋義”的復選框，讀中文解釋（需手機語音庫支持）。

初始狀態下單詞和釋義都隱藏，可以直接用聽寫的方式來背單詞，再通過點擊顯示需要的內容。點擊“下一個”隨機切換單詞庫中的任意單詞。

二、組件設計

準備一張豎屏的黑板圖片作為背景，一個正方形的圖標。按后文的方法準備一份英語單詞文本english.csv。

新建項目取名“english”，將2個圖片和english.csv上傳進素材。并根據圖1設計組件。

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

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

3.需要4個按鈕，均為圓角按鈕，根據重要程度設定不同的字體顏色、粗細和大小，由于需要用于觸發相應事件，勾選“顯示交互效果”。

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

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

按鈕“發音”，點擊后會再次讀出單詞或釋義（由復選框控制），文本“發音”。

按鈕“下一個”，用于切換到詞庫的下一個單詞，文本“下一個”。

4.標簽2個，標簽“標簽_單詞”用于顯示單詞具體內容，位于按鈕單詞右邊，文本“study”。標簽“標簽_釋義”，放置釋義內容，位于按鈕釋義的右邊，文本“學習”。

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

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

三、單詞表的轉換和讀取

1.單詞表的轉換

我們常見的表格是Excel格式的，想要在AppInventor中使用表格可以將其轉存成CSV格式。CSV格式的文件其實是由逗號作為分隔符的文本文件，可以用記事本打開。由于通過Excel另存的CSV格式文件默認編碼為ANSI，這種編碼在AppInventor中打開會出現中文亂碼，因此需要先在Excel中整理好表格，第一列中文，第二列放對應英文。然后保存為CSV文件（圖2）。

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

2.單詞表的導入

將english.csv上傳到素材，當屏幕初始化時，調用文件管理器讀取文件。文件名要把目錄地址一并加上“/AppInventor/assets/english.csv”。這樣設置是因為在AppInventor開發網站上傳的所有素材文件，在模擬運行時都是放在手機的“/AppInventor/assets/”目錄中。當通過手機運行APK文件時，不妨先通過Al伴侶APP進行連接后再運行，這樣能確保在“/AppInventor/assets/”錄中存在english.csv文件，否則會因沒有裝載文件而不能正常運行（圖4）。

然后，初始化全局變量單詞列表，當文件管理器獲得文本時，將CSV轉列表。這時外部的文件已經轉換為內部的列表了（圖5）。

CSV文件實際上是被轉換為了一個二維列表，即CSV文件中的每一行先轉換成一個列表，該行的每一列元素轉變為該列表中的一個列表項。比如，文件管理器讀取english.csv文件，將它轉換為單詞列表，該單詞列表的列表項又是列表，由兩項組成，第一項是釋義，第二項是對應單詞，列表內容示意如圖6。

3.單詞表的使用

當點擊“下一個”按鈕時，從單詞列表中隨機取出一個單詞。這里可以設一個局部變量“隨機單詞”，從單詞列表中隨機取出一個單詞；然后分別取出它的第一項給標簽釋義，第二項給標簽單詞；再判斷復選框是否被選中，如果選中，念讀中文釋義，否則念讀英文單詞。具體代碼模塊如圖7。

4.隨機產生下一個單詞

如圖所示有兩種產生隨機單詞的方法（圖8）。

四、其他邏輯設計

本App的難點就是CSV文件的使用和隨機單詞的抽取。下面是其他幾個按鈕的邏輯設計，比較簡單了。

1.顯示/隱藏單詞

點擊“單詞”按鈕時，可以顯示或隱藏單詞。只需取標簽原來的顯示狀態的相反狀態即可（圖9）。

2.顯示/隱藏釋義

點擊“釋義”按鈕時，可以顯示或隱藏釋義，用邏輯“非”即可（圖10）。

3.發音功能

點擊“發音”按鈕時，首先判斷復選框的選中狀態，從而判斷念讀中文釋義還是英語單詞，然后發音，點擊一次，念讀一遍（圖11）。

五、調試和改進

由于使用了中英文語音，其中中文語音需要在手機上安裝相關的引擎。一般手機上會默認安裝中文語音引擎。如果無法在手機上發出中文語音，可以在應用商店中搜索并安裝“訊飛語音+”。安裝后在手機中點“設置→高級設置→語言和輸入法→文字轉語音（TTS）輸出→訊飛語音+”（以華為手機為例）就可以了。

如果程序順利運行，那么還有什么可以改進的？做一些個性化的完善吧，如增加單詞次數統計，顯示背了多少個單詞；增加計時功能，統計花了多少時間等。

源代碼和單詞表可以關注“壹零社”公眾號下載。