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