▶️ 教學影片
👉 操作步驟
1. 在教學素材中,下載「Share_Food_Unit4_begin.aia」的範例專案。
2. 開啟 App Inventor 2 網站,並登入帳號。
3. 點擊「專案」,點選「由電腦匯入專案 (.aia)」,選擇檔案是「範例專案」,再點擊「確定」。
(1) 點選「由電腦匯入專案 (.aia)」
(2) 選擇定匯入範例專案
4. 在專案匯入後,工作面板中有導入元件,並完成介面設計。
工作面板的介面設計
5. 畫面元件說明
(1) 水平配置1
標籤1:文字為「食物名稱:」
標籤2(食物名稱):用來顯示選取的食物名稱
(2) 水平配置2
標籤3:文字為「保存日期:」
標籤4(保存日期):用來顯示食物的保存期限
(3) 水平配置3
標籤5:文字為「連絡Email:」
標籤6(連絡Email):用來顯示聯絡資訊
(4) 水平配置4
提供空間使用:目前無元件,主要用途是排版或預留空白區域
(5) 清單顯示器1
按鈕樣式的元件,文字為「選擇食物」
供使用者點選後從清單中挑選食物資訊