使用 App Inventor 製作應用程式分為兩個部分。 首先,你設計你的應用程式的外觀,然後你通過編碼告訴應用程式該做什麼。
第一步
- 先在紙上畫草圖
- 使用您的紙質原型
- 把它放在你身邊
- 打開 MIT App Inventor
- ai2.appinventor.mit.edu
- 在「專案」 選單上選擇「啟動新專案 」
設計師的部分
按兩下 橙色 i 以瞭解突出顯示的部分。 按兩下左側和右側的箭頭以瞭解 Designer 的其他部分。
調色板列出了您可以添加到應用程式的所有可能元件(部件)。
它們按抽屜或標籤分組。您只需按下抽屜即可打開它。
查看器顯示從元件面板拖動元件後應用程式的外觀。
不可見的元件不會顯示在應用程式螢幕上,但仍然是應用程式的重要部分。
“元件”面板列出了已添加到應用程式的所有元件。
如果它們包含在另一個元件中,則它們在它們面前有一個額外的空間。
在 屬性面板 中,您可以查看或更改每個元件的不同功能。
媒體面板是您上傳圖片和聲音等檔案以供應用程式使用的區域。您只需將檔案拖放至媒體面板即可。
是時候嘗試一下了!
活動 1:設計應用
現在,您已經添加了應用程式的所有元件,接下來您將轉到塊編輯器以開始編寫應用程式!
變數
在開始編碼之前,讓我們先瞭解 一下變數。在編寫 Recycle Game 代碼時,您需要使用它們。
如果您正在製作移動應用程式,有時您需要跟蹤應用程式內的不同資訊。這就是變數的用途。
塊編輯器
- 在 App Inventor 中打開 Recycle Game 專案
- 您已新增所有元件
- 現在切換到 塊編輯器
塊編輯器的各個部分
按兩下 橙色 i 以瞭解突出顯示的部分。 按兩下左側和右側的箭頭以瞭解塊編輯器的其他部分。
“塊”面板列出了所有可供使用的塊。
內置塊是每個應用程式的一部分。
每個元件也有自己的一組代碼塊。
查看器是您的編碼工作區,您可以在其中放置所有代碼塊。
按兩下一個元件,然後將所需的塊拖動到 查看器上。
Backpack 允許您儲存代碼塊,以便在其他項目中重複使用。
將你製作的積木拖入背包。您可以開啟另一個專案並將它們拖出以重複使用它們。
在運行應用之前,請檢查黃色的警告和紅色的錯誤。
您可以放大和縮小並重置查看器縮放。
您可以通過將未使用的塊拖到垃圾桶來刪除它們來刪除它們。
回收遊戲
5:02
3:01
4:20
6:10
4:35
