經(jīng)常遇到很多剛接觸App Inventor的同學(xué)詢問如何學(xué)習(xí)，或者索要學(xué)習(xí)資料。其實，只要花費5分鐘，就能學(xué)會App Inventor。不用懷疑，學(xué)習(xí)App Inventor就是這么簡單。
文末附錄：常見問題解答
1、ai能連接數(shù)據(jù)庫嗎？ai能做用戶登錄嗎？
2、為什么語音識別器不能識別？為什么語音合成器不能朗讀文本？
3、布局對話框怎么用？圖像組件里面的GIF動畫為什么不會動？
1分鐘了解App Inventor
App Inventor 2 簡稱 ai，為了和人工智能（Artificial Intelligence）區(qū)別，簡稱用小寫。既然有ai2，那么就有ai1，那是谷歌發(fā)布的ai。后來谷歌將ai移交給MIT維護，MIT發(fā)布了ai2，ai1成為歷史不再使用。ai目前只能制作安卓應(yīng)用，由于ios規(guī)范的限制，ai在未來比較長的一段時間里也只能制作安卓應(yīng)用。
ai是一個可視化的安卓應(yīng)用制作平臺，用戶使用瀏覽器打開ai平臺網(wǎng)站（App Inventor 2 WxBit 漢化版，簡稱?WxBit版，提供高德地圖、高德定位、百度語音合成與識別、相機預(yù)覽框等組件，支持多點觸控、動態(tài)創(chuàng)建組件和通用事件，還有更多細節(jié)優(yōu)化，漢化并增強的 App Inventor 2 服務(wù)器。），通過拖拽組件和邏輯塊，即可完成安卓應(yīng)用的制作。如果用戶有scratch的使用經(jīng)驗，ai上手更是完全沒有障礙。ai和scratch都使用了blockly，實現(xiàn)積木式拖拽編程。
ai平臺提供的即時調(diào)試工具——AI伴侶，在手機安裝，或者在安卓模擬器安裝后，能夠通過ai連接碼即時連接調(diào)試正在制作的安卓應(yīng)用，
1分鐘上手App Inventor
使用谷歌瀏覽器、QQ瀏覽器、Firefox、Safari等非IE瀏覽器打開ai網(wǎng)站：App Inventor 2 WxBit 漢化版。這是作者基于 MIT App Inventor 源代碼優(yōu)化定制的漢化版，修正了ai架構(gòu)的若干缺陷。比如使用ai頻繁遇到的AI伴侶無法連接、升級困難的問題，WxBit版已經(jīng)徹底解決。WxBit版還是首個支持HTTPS的ai版本，在某些復(fù)雜網(wǎng)絡(luò)環(huán)境下，運行更加安全可靠。使用QQ賬號登錄，開始制作安卓應(yīng)用。（網(wǎng)站集成QQ登錄，只能獲得用戶的昵稱和頭像，不能獲得用戶的密碼和好友等信息。相比網(wǎng)站自管理的密碼注冊，更加安全可靠。除了銀行、以及那些較大的互聯(lián)網(wǎng)企業(yè)，其他系統(tǒng)很難有資源和能力管理好用戶密碼。因此，本著對用戶負責的態(tài)度，本站只支持使用QQ賬號登錄。）
“新建項目”開始制作安卓應(yīng)用，項目的名稱只能是字母和數(shù)字的組合，不能是中文。應(yīng)用的中文名稱需要創(chuàng)建項目后再設(shè)置。打開項目后，點擊“連接”菜單即可對正在制作的應(yīng)用進行可視化調(diào)試。制作完成后，選擇”生成APK“可以生成安卓應(yīng)用的二維碼下載鏈接，或者直接下載apk文件?！盇I伴侶“提供了手機版和電腦版的AI伴侶，電腦版AI伴侶適合沒有安卓手機的場景應(yīng)急使用，如果條件允許建議還是直接使用手機安裝。"展廳”為用戶分享的項目，里面還有6萬多個來自MIT平臺的分享項目。如果你有好的創(chuàng)意或技巧，希望與其他用戶分享，請發(fā)布到展廳哦。如果發(fā)布垃圾數(shù)據(jù)，站長會直接封禁賬戶，嘿嘿。
開始制作應(yīng)用前，先安裝好本站專用的AI伴侶（手機版、電腦版），如果手機安裝了其他版本的AI伴侶，需要先卸載，否則由于名字沖突安裝不上。如果安裝的是電腦版（集成版），Windows版安裝完成后桌面有3個圖標，分別是：
1、“AI2伴侶”就是使用瀏覽器模擬運行的AI伴侶，某些電腦由于顯卡不支持或不兼容，不能啟動。如果其他后長時間停留在圖標界面，請嘗試“以管理員權(quán)限運行”。首次運行AI伴侶需選擇一個文件夾作為AI伴侶的外部存儲（SDCard），該文件夾中的“Appinventor”目錄用于保存調(diào)試應(yīng)用的素材文件。務(wù)必選擇，不選擇則無法啟動。
2、“AI2漢化版”使用自帶的Chrome瀏覽器打開 https://app.wxbit.com，不使用這個快捷，用自己喜歡的其他瀏覽器打開上面網(wǎng)址，效果是一樣的。這個快捷方式只是方便沒有合適瀏覽器，和懶得記憶網(wǎng)址的用戶。
3、“AI2集成板”這個快捷方式，會同時啟動AI2伴侶和AI2漢化版。
3分鐘制作安卓應(yīng)用
創(chuàng)建一個項目，例如名字“test”，完成后看到以下界面：
1、組件面板，選中所需的組件后，使用鼠標拖拽到中間的手機界面區(qū)域，就能在項目中使用該組件了。點擊組件右邊的問號，查看組件的介紹。熟悉ai內(nèi)置組件后，會發(fā)現(xiàn)組件不夠用，那么就可以通過上傳“擴展”加入其它用途的組件，擴展ai的功能，制作更加豐富的應(yīng)用。
2、ai中有“組件設(shè)計”和“邏輯設(shè)計”兩項重要功能。在“組件設(shè)計”視圖中，選擇合適的組件設(shè)計應(yīng)用的界面；在“邏輯設(shè)計”視圖中，設(shè)計組件對應(yīng)的事件邏輯。比如點擊按鈕更新標簽的顯示文本等。
3、“組件屬性”區(qū)域，不同組件會有不同的屬性，“Screen1”組件的屬性中，可以設(shè)置應(yīng)用安裝到手機中的顯示名稱、應(yīng)用圖標等。屬性具體的用途，通過屬性名稱也能理解得八九不離十。少數(shù)不能理解的屬性，設(shè)置后連上AI伴侶即可看到。
在項目編輯界面，點擊“連接”菜單中的“AI伴侶”，可以看到一個二維碼和6位數(shù)字的連接碼。使用手機版AI伴侶掃描二維碼，或者在電腦版AI伴侶中輸入并點擊連接，即可在AI伴侶中看到正在制作的應(yīng)用。
在“組件列表”中選中“Screen1”，設(shè)置水平對齊和垂直對齊屬性為“居中”，將應(yīng)用名稱屬性設(shè)置為“測試應(yīng)用”，窗口大小設(shè)置為“自適應(yīng)”。然后在點擊組件面板中的“按鈕”，拖拽進工作面板，并將按鈕的文本屬性設(shè)置為“點擊”，效果如圖：
接下來，我們切換到“邏輯設(shè)計”視圖，設(shè)置點擊按鈕時，讓按鈕的名稱變更為“點擊：n”的格式，每次點擊n都增加1。
1、“模塊”區(qū)域列出了ai內(nèi)置的邏輯塊和組件，內(nèi)置塊分為8大類，是制作應(yīng)用的重要支撐。點開查看，從文字即可理解每個邏輯塊的作用。內(nèi)置塊下方列出所用的組件，Screen1是整個應(yīng)用的入口。點擊組件，可以看到該組件的事件塊、獲取設(shè)置屬性值的塊，以及組件的其他功能塊。
2、“工作面板”區(qū)域為擺放邏輯塊，拼接功能邏輯的區(qū)域，下凹槽為邏輯塊，左凹槽接收屬性值。將邏輯塊拖動到右下角的垃圾桶圖標，刪除所拖動邏輯塊。將邏輯塊拖動到右上角的背包圖標，可以在多個屏幕中共享邏輯塊，也就是邏輯塊的“復(fù)制”與“粘貼”功能。
從“按鈕”的邏輯塊中將“被點擊”拖到工作區(qū)域，然后從分別從“變量”、“數(shù)學(xué)”、“文本”塊中拖出對應(yīng)邏輯塊，構(gòu)成“按鈕每點擊一次，其名字顯示+1”的邏輯，如圖所示：
至此，第一個安卓應(yīng)用制作完成。
點擊“生成APK"菜單的“顯示二維碼”，ai平臺會生成安卓的應(yīng)用安裝文件，使用手機AI伴侶掃描二維碼即可下載安裝到手機中。由于二維碼的有效時間只有2小時，一般只用于自己安裝測試。選擇“下載到電腦”則將生成的APK文件下載到電腦，則可以通過其他方式傳播，或者在應(yīng)用市場上架。
附錄：常見問題解答
在輔導(dǎo)ai初學(xué)者時，遇到典型的幾個問題：
1、ai能連接數(shù)據(jù)庫嗎？ai能做用戶登錄嗎？……
這些問題，總結(jié)為“ai能做xxx嗎？”
能。在別的語言能做的事，在ai里基本也能做。
“老師，ai什么都能，能做出王者榮耀游戲嗎？”
獨秀同學(xué)請坐，正確的回答：“能?！?/p>
ai定位為編程入門工具，提供了一系列組件，并以拼圖語言blockly簡化編程過程。在ai中導(dǎo)入擴展組件，解決ai系統(tǒng)原有組件不能處理的問題。例如導(dǎo)入數(shù)據(jù)庫管理擴展、即時通訊擴展等，實現(xiàn)對應(yīng)的功能。如果沒有現(xiàn)成的擴展，就要自己開發(fā)或是找人開發(fā)。由于ai中沒有能夠用于開發(fā)王者榮耀的功能組件，也不能提高游戲的開發(fā)效率，所以天美不會用ai開發(fā)。一定要用ai，不是技術(shù)上不可行，而是這樣做毫無意義。沒有ai做不了的事，卻有不應(yīng)該用ai做的事，和用ai做不了這事那事的人。
有些功能，通過組合ai已有組件和導(dǎo)入現(xiàn)成擴展組件即可實現(xiàn)。更進一步，可以嘗試自己開發(fā)ai的擴展組件。如果不能實現(xiàn)，就要考慮是否應(yīng)該用ai來做了。
2、為什么語音識別器不能識別？為什么語音合成器不能朗讀文本？……
如果有這些問題，那么很遺憾地告訴你，你掉在坑里了。
ai最早由谷歌團隊開發(fā)，ai中的組件也自然地使用谷歌的服務(wù)，但是這些服務(wù)在國內(nèi)并不能使用。ai被人引入國內(nèi)時，只是對界面做了漢化，并沒有將這些組件替換為國內(nèi)能用的服務(wù)。語音識別與合成都依賴安卓系統(tǒng)中安裝的第三方識別與合成應(yīng)用，國內(nèi)手機的系統(tǒng)很多沒有集成這些應(yīng)用，也就直接導(dǎo)致這兩個組件不能正常工作。此外還有地圖組件，使用的OpenStreetMap，在國內(nèi)并沒有取得電子地圖牌照，是個“非法”的組件。
這些問題，在 WxBit 漢化增強版中已經(jīng)有效地解決。作者除了漢化改進ai系統(tǒng)，還增加了百度語音合成、識別與喚醒，高德地圖與定位，TensorflowLite深度學(xué)習(xí)推理等方便國內(nèi)用戶使用的組件，更詳細改進參見《更新記錄》。
3、布局對話框怎么用？圖像組件里面的GIF動畫為什么不會動？……
這些問題，總結(jié)起來就是對組件不熟悉。WxBit 漢化版對ai界面做了很深的漢化。從組件的名字，大概就能推測出組件的功能，如有疑問點擊組件的幫助可以看到更加詳細的介紹。如果還是不清楚，將組件拖到工作面板中，點選組件即可看到組件的屬性。切換到邏輯設(shè)計視圖，點選組件可以看到組件的事件和功能塊。
布局對話框，能夠?qū)⒉季洲D(zhuǎn)換為對話框彈出，是“對話框”組件的增強。
想要使用GIF動畫，則需要使用“動畫圖像”組件，這是“圖像”組件的增強。
例如“文件選擇框”則是能夠彈出文件選擇界面的功能組件，WxBit 漢化版系統(tǒng)中重點解決了用戶使用ai的諸多不便。這些貼心的組件，在非 WxBit 合作的教材中都看不到。請 WxBit 的用戶，一定不要參照其他教材來使用，會錯過很多，會走很多彎路。
