App Inventor 使用最新試算表元件 Spreadsheet_Part 1

在今年的 9 月 22 號，App Inventor 新增了三個新元件，其中兩個是繪製圖表的元件，剩下一個是可以操作 Google 試算表的 Spreadsheet 元件；而這次的教學要來介紹 Spreadsheet 元件的用法，總共會分三個篇章來做講解，因為這個元件的方法有 18 個，再加上還要申請 Google 開發者帳戶，全部擠在一起會非常亂、不容易閱讀，因此今天這第一篇要來教如何使用這個元件來讀取試算表資料。

另外，文淵閣工作室的茶米老師也有此元件的教學應用，連結在下方：

點我前往

---

1. 新增或開啟 Google 試算表，將試算表開啟共用。

複製試算表的 ID 到記事本

2. 新增 App Inventor 專案，需要用到的元件有：按鈕、標籤、對話框、Spreadsheet。

新增程式方塊如下：

程式解析：

1. 當 App 初始化時，先設定 Spreadsheet 的 ID，此處填入你剛剛複製的試算表 ID。

2. 當讀取按鈕被點選，就呼叫 Spreadsheet 元件的 ReadSheet 方法，來讀取你試算表的資料。

P.S. 只有讀取資料的話，不需要申請 Google 開發者帳號，只要將試算表設為共用，並將 ID 指派給 Spreadsheet 就可以了！而且此方法的 sheetName 也不用填跟你試算表一樣的名稱，只有當你申請好開發者帳號，並將憑證上傳到 App Inventor 做設定後，才需要將 sheetName 設定成你工作表的名稱。

3. 使用 ReadSheet 方法會觸發 GotSheetData 事件，此事件的變數 sheetData 就是你試算表的資料，它是一個二維清單。

4. 最後當 Spreadsheet 發生錯誤時，我們就用對話框將錯誤訊息顯示出來。

這一篇的教學就到這邊，第二篇會教你如何申請開發者帳號，再設定跟試算表和 App Inventor 做連結

---

aia 檔案下載：

點我下載

Demo 影片：

---

---

如果覺得文章內容還不錯的話，麻煩請幫我點個讚！感謝

可以多點幾次喔~~

第一次點讚需使用 Google 或 Facebook 帳號註冊