使用 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
