Embedded Files
4-2 介面設計
▶️ 教學影片
👉 操作步驟
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
按鈕樣式的元件，文字為「選擇食物」
供使用者點選後從清單中挑選食物資訊
Google Sites
Report abuse