2016年10月22日 星期六

MIT App Inventor 2 你好 (Hello MIT App Inventor 2)

MIT App Inventor 2是一套網頁式開發Android App的環境,與 Scratch 一樣採程式積木的操作方式。使用MIT App Inventor 2需要有Google的帳號,此部分可參考:第一章 學習App Inventor的準備工作謝碧景老師製作的教學影片


MIT App Inventor 2 is web-based environment for creating Android applications. It is similar to Scratch that use visual programming. A google account is needed for using MIT App Inventor 2. Please refer to Getting Started with MIT App Inventor 2 to prepare MIT App Inventor 2 environment.

環境建置好以後,就來拉一些積木來測試吧。
Well done. Let's making a simple project: "Hello"

建立新專案(Start New Project):

使用滑鼠將Button、Label、TextBox個拖曳一個至網頁上的手機畫面(Screen1):
Add three user interfaces "Button, Label, TextBox" to display screen(Screen 1):

接下來要設計按鈕的程式積木,點選畫面右上方的Blocks按鈕:
Click "Blocks" button to design the code blocks for "Button" user interface:

點選畫面左方的Button1,將when Button1.Click積木拖曳到右方的積木區:
Click "Button1" on the Blocks Component-Specific Drawers. Then, drag the when Button1.Click to Blocks Viewer.

仿照Button1的做法,將程式積木設計為如下:
The code for "Button1" is:

接著就可以使用模擬器來執行看看了:
Run the "Hello" project with a Emulator:


若不清楚如何執行App,請參考第三章 App Inventor 程式編譯與執行
Please go to Setting Up App Inventor if you need any help.