App Inventor 每個 App 有 5mb 的檔案上限,如果你的作品中有大量的圖片要使用,是很容易超過個上限的。我們可以將外部的檔案載入到 App 中顯示嗎?甚至是將圖檔上傳到 Google Drive 的雲端空間再載入到 App 中顯示嗎?
這份教材將要告訴你如何在 App 中下載儲存在 Google Driver 中的圖片,並顯示在 App 的畫面上,這將大大縮減你的 App 的大小,而且有更靈活的顯示方式。
取得 Google Drive 的圖片連結
要在 App Inventor 中使用儲存在 Google Drive 的圖片,最重要的關鍵就是要取得 Google Drive 的檔案連結。一般只要在 Google Drive 中設定檔案分享,即可取得系統產生的檔案連結:
修改 Google Drive 檔案連結路徑
此時取得的檔案連結網址格式大致如下:
https://drive.google.com/open?id=圖片的ID值
例如:
https://drive.google.com/open?id=1eNuaHQGBjwHpADQPY42j2phwOdSnyBA3vA
你只要將這個連結網址修改幾個參數即可化為直接下載的路徑:
https://drive.google.com/uc?export=download&id=圖片的ID值
例如:
https://drive.google.com/uc?export=download&id=1eNuaHQGBjwHpADQPY42j2phwOdSnyBA3vA
在 App Inventor 中載入 Google Drive 的圖片
接著回到 App Inventor,我們來用一個簡單的範例來顯示圖片。如下圖在畫面中先新增一個圖像元件,設定寬度為 300 像素。
在程式拼塊中在 Screen 初始化的動作中加入設定好的 Google Drive 圖片的下載連結:
好,到此全部完成,我們馬上來看看成果吧!
Yes,這樣就完成了啊!在這裡我們是以圖片做為示範,其他如檔案、影片、音樂也可以利用相同的方法來操作喔!快點來試試吧!