5分鐘學會 App Inventor 2

1分鐘了解App Inventor

App Inventor 2 簡稱 ai，為了和人工智慧（Artificial Intelligence）區別，簡稱用小寫。既然有ai2，那麼就有ai1，那是谷歌發布的ai。後來谷歌將ai移交給MIT維護，MIT發布了ai2，ai1成為歷史不再使用。ai目前只能製作安卓應用，由於ios規範的限制，ai在未來比較長的一段時間裡也只能製作安卓應用。

ai是一個可視化的安卓應用製作平臺，用戶使用瀏覽器打開ai平臺網站（AppInventor漢化版，簡稱WxBit版：https://app.wxbit.com），通過拖拽組件和邏輯塊，即可完成安卓應用的製作。如果用戶有scratch的使用經驗，ai上手更是完全沒有障礙。ai和scratch都使用了blockly，實現積木式拖拽編程。

ai平臺提供的即時調試工具——AI伴侶，在手機安裝，或者在安卓模擬器安裝後，能夠通過ai連接碼即時連接調試正在製作的安卓應用，

更多信息請訪問：https://www.wxbit.com

 

1分鐘上手App Inventor

使用谷歌瀏覽器、QQ瀏覽器、Firefox、Safari等非IE瀏覽器打開ai網站（https://app.wxbit.com），這是作者基於 MIT App Inventor 原始碼優化定製的漢化版，修正了ai架構的若干缺陷，項目與MIT版本完全兼容。比如使用ai頻繁遇到的AI伴侶無法連接、升級困難等問題，WxBit版本已經徹底解決。WxBit版ai還是首個支持HTTPS的ai版本，在某些複雜網絡環境下，運行更加安全可靠。使用QQ帳號登錄，開始製作安卓應用。（網站集成QQ登錄，只能獲得用戶的暱稱和頭像，不能獲得用戶的密碼和好友等信息。相比網站自管理的密碼註冊，更加安全可靠。除了銀行、以及那些較大的網際網路企業，其他系統很難有資源和能力管理好用戶密碼。因此，本著對用戶負責的態度，本站只支持使用QQ帳號登錄。）

 

「新建項目」開始製作安卓應用，項目的名稱只能是字母和數字的組合，不能是中文。應用的中文名稱需要創建項目後再設置。打開項目後，點擊「連接」菜單即可對正在製作的應用進行可視化調試。製作完成後，選擇」生成APK「可以生成安卓應用的二維碼下載連結，或者直接下載APK文件。」AI伴侶「提供了手機版和電腦版的AI伴侶，電腦版AI伴侶適合沒有安卓手機的場景應急使用，如果條件允許建議還是直接使用手機安裝。"展廳」為用戶分享的項目，裡面還有6萬多個來自MIT平臺的分享項目。如果你有好的創意或技巧，希望與其他用戶分享，請發布到展廳哦。如果發布垃圾數據，站長會直接封禁帳戶，嘿嘿。

開始製作應用前，先安裝好本站專用的AI伴侶（手機版或電腦版，下載地址：https://www.wxbit.com），如果手機安裝了其他版本的AI伴侶，需要先卸載，否則由於名字衝突安裝不上。如果安裝的是電腦版（集成版），Windows版安裝完成後桌面有3個圖標，分別是：

1、「AI2伴侶」就是使用瀏覽器模擬運行的AI伴侶，某些電腦由於顯卡不支持或不兼容，不能啟動。如果其他後長時間停留在圖標界面，請嘗試「以管理員權限運行」。首次運行AI伴侶需選擇一個文件夾作為AI伴侶的外部存儲（SDCard），該文件夾中的「Appinventor」目錄用於保存調試應用的素材文件。務必選擇，不選擇則無法啟動。

2、「AI2漢化版」使用自帶的Chrome瀏覽器打開 https://app.wxbit.com，不使用這個快捷，用自己喜歡的其他瀏覽器打開上面網址，效果是一樣的。這個快捷方式只是方便沒有合適瀏覽器，和懶得記憶網址的用戶。

3、「AI2集成板」這個快捷方式，會同時啟動AI2伴侶和AI2漢化版。

 

3分鐘製作安卓應用

創建一個項目，例如名字「test」，完成後看到以下界面：

1、組件面板，選中所需的組件後，使用滑鼠拖拽到中間的手機界面區域，就能在項目中使用該組件了。點擊組件右邊的問號，查看組件的介紹。熟悉ai內置組件後，會發現組件不夠用，那麼就可以通過上傳「擴展」加入其它用途的組件，擴展ai的功能，製作更加豐富的應用。

2、ai中有「組件設計」和「邏輯設計」兩項重要功能。在「組件設計」視圖中，選擇合適的組件設計應用的界面；在「邏輯設計」視圖中，設計組件對應的事件邏輯。比如點擊按鈕更新標籤的顯示文本等。

3、「組件屬性」區域，不同組件會有不同的屬性，「Screen1」組件的屬性中，可以設置應用安裝到手機中的顯示名稱、應用圖標等。屬性具體的用途，通過屬性名稱也能理解得八九不離十。少數不能理解的屬性，設置後連上AI伴侶即可看到。

在項目編輯界面，點擊「連接」菜單中的「AI伴侶」，可以看到一個二維碼和6位數字的連接碼。使用手機版AI伴侶掃描二維碼，或者在電腦版AI伴侶中輸入並點擊連接，即可在AI伴侶中看到正在製作的應用。

在「組件列表」中選中「Screen1」，設置水平對齊和垂直對齊屬性為「居中」，將應用名稱屬性設置為「測試應用」，窗口大小設置為「自適應」。然後在點擊組件面板中的「按鈕」，拖拽進工作面板，並將按鈕的文本屬性設置為「點擊」，效果如圖：

接下來，我們切換到「邏輯設計」視圖，設置點擊按鈕時，讓按鈕的名稱變更為「點擊：n」的格式，每次點擊n都增加1。

1、「模塊」區域列出了ai內置的邏輯塊和組件，內置塊分為8大類，是製作應用的重要支撐。點開查看，從文字即可理解每個邏輯塊的作用。內置塊下方列出所用的組件，Screen1是整個應用的入口。點擊組件，可以看到該組件的事件塊、獲取設置屬性值的塊，以及組件的其他功能塊。

2、「工作面板」區域為擺放邏輯塊，拼接功能邏輯的區域，下凹槽為邏輯塊，左凹槽接收屬性值。將邏輯塊拖動到右下角的垃圾桶圖標，刪除所拖動邏輯塊。將邏輯塊拖動到右上角的背包圖標，可以在多個屏幕中共享邏輯塊，也就是邏輯塊的「複製」與「粘貼」功能。

從「按鈕」的邏輯塊中將「被點擊」拖到工作區域，然後從分別從「變量」、「數學」、「文本」塊中拖出對應邏輯塊，構成「按鈕每點擊一次，其名字顯示+1」的邏輯，如圖所示：

至此，第一個安卓應用製作完成。

點擊「生成APK"菜單的「顯示二維碼」，ai平臺會生成安卓的應用安裝文件，使用手機AI伴侶掃描二維碼即可下載安裝到手機中。由於二維碼的有效時間只有2小時，一般只用於自己安裝測試。選擇「下載到電腦」則將生成的APK文件下載到電腦，則可以通過其他方式傳播，或者在應用市場上架。（注意：ai系統生成的APK文件會被認為是惡意軟體，這是誤報，請到https://m.qq.com/complaint 申訴再到應用市場申請上架和傳播。）

 

看完教程，App Inventor 學會了嗎？

如有其它問題，請加入QQ交流群討論：568205558