記錄一下：
App Inventor學習記錄 200-表格顯示外掛~TableView
這一次範例的完成品如下。
上方的兩個按鈕，分別顯示兩個資料。
測試用表格按鈕，會代出身高體重這一份手動輸入的資料，這個等一下看的到。
csv清單轉表格按鈕，則是讀取 csv檔案，再用表格的方式呈現。
畫面編排的部份如下。
這個外掛要搭配垂直配置來做，所以這裡有拉了一個空的垂直配置進來。
file檔案元件，是為了讀取 csv檔。
必不可少的 tableview外掛。
其它就是按鈕和標籤的組合。
全部的程式方塊如下。
第 1部份的程式方塊記錄。
建立一個叫暫存清單的空清單，等一下用來放從檔案中讀取到的資料。
建立一個叫 csv轉表格的空清單，用來把讀取到的資料轉成清單的格式。
第 2部份的程式方塊記錄。
建立一個叫 procedure的程式。(其實是我忘了改名字)
這個程式的主要的作用就是要把清單的格式，改成 tableview這個外掛的格式。
清單的格式是用 []把我們的值包起來，每一個值都有 “”，像下面這樣。
[“文字1″,”文字2″,”文字3″,”文字4”]
但 tableviews接受的格式是這樣：文字,文字2,文字3,文字4\n。
所以經過這個程式之後，就會把清單的格式改成我們需求的組合。
主要就是用 replace all text取代文字的方塊，把 segment中的字串，改成 replacement的字。
最後要記得加上一個 \n換行的符號。
第 3部份的程式方塊記錄。
when screen 1.initialize，當程式初始化的時候。
call file1.read from呼叫檔案讀取檔案程式，讀取 filename參數中的 boy.csv這個檔案。
第 4部份的程式方塊記錄。
when file 1.gotext，當檔案讀取到資料時候。
把清單_暫存清單的值，設定成 get text。
把清單_csv轉表格的值，設定成用 list from csv table的清單方塊轉換清單_暫存清單的值。
第 5部份程式方塊記錄。
按鈕 1 (測試用表格按鈕)按下時：
把標籤 1~6的文字設定如上。格式都是上面提過的，文字,文字2,文字3,文字4\n這種格式。
這是為了確認格式和表格的關係，實際上在用的時候，可以取消這 6個標籤。
set table view1.datastring to，把要呈現的表格的資料，用文字方塊組合起來。
最上方的那一個，就是標題。接下來就是每一列要呈現的資料。
call table view1.build table，呼叫表格建立程式，把表格顯示在 arrangement的位置上。這用的是 horizontal scroll arrangement水平捲配置。但其實用垂直配直、垂直捲動配置、或是水平配置都可以，這裡大家自行試一下。
不過要注意一下順序，要先設定外掛中表格的顯示資料，再呼叫表格建立程式。
第 6部份的程式方塊記錄。
當 csv清單轉表格按鈕按下的時候。
就把清單_csv轉表格裡頭的值，經過 procedure程式處理一下，同樣的用文字方塊組合一下。
檔案讀取 csv檔案的說明，請參考之前介紹的：用檔案管理元件讀取CSV檔文件，把CSV檔轉成可使用的清單
最後 call table view1.buildtable呼叫外掛建立表格的程式。
再提醒一下，這裡要注意一下順序。
好的，全部的程式方塊都簡單說明過了，建議大家試著做一次，就會用的越來越熟。
但如果不想要重新拉程式方塊，或要需要範例 aia檔的話，請前往第 2頁哦!