經(jīng)常遇到很多剛接觸App Inventor的同學(xué)詢問如何學(xué)習(xí)肚菠,或者索要學(xué)習(xí)資料。其實(shí)罩缴,只要花費(fèi)5分鐘蚊逢,就能學(xué)會(huì)App Inventor。不用懷疑箫章,學(xué)習(xí)App Inventor就是這么簡單烙荷。
文末附錄:常見問題解答
1、ai能連接數(shù)據(jù)庫嗎檬寂?ai能做用戶登錄嗎终抽?
2、為什么語音識(shí)別器不能識(shí)別?為什么語音合成器不能朗讀文本昼伴?
3匾旭、布局對(duì)話框怎么用?圖像組件里面的GIF動(dòng)畫為什么不會(huì)動(dòng)圃郊?
1分鐘了解App Inventor
App Inventor 2 簡稱 ai价涝,為了和人工智能(Artificial Intelligence)區(qū)別,簡稱用小寫持舆。既然有ai2飒泻,那么就有ai1,那是谷歌發(fā)布的ai吏廉。后來谷歌將ai移交給MIT維護(hù)泞遗,MIT發(fā)布了ai2,ai1成為歷史不再使用席覆。ai目前只能制作安卓應(yīng)用史辙,由于ios規(guī)范的限制,ai在未來比較長的一段時(shí)間里也只能制作安卓應(yīng)用佩伤。
ai是一個(gè)可視化的安卓應(yīng)用制作平臺(tái)聊倔,用戶使用瀏覽器打開ai平臺(tái)網(wǎng)站(App Inventor 2 WxBit 漢化版,簡稱?WxBit版生巡,提供高德地圖耙蔑、高德定位、百度語音合成與識(shí)別孤荣、相機(jī)預(yù)覽框等組件甸陌,支持多點(diǎn)觸控、動(dòng)態(tài)創(chuàng)建組件和通用事件盐股,還有更多細(xì)節(jié)優(yōu)化钱豁,漢化并增強(qiáng)的 App Inventor 2 服務(wù)器。)疯汁,通過拖拽組件和邏輯塊牲尺,即可完成安卓應(yīng)用的制作。如果用戶有scratch的使用經(jīng)驗(yàn)幌蚊,ai上手更是完全沒有障礙谤碳。ai和scratch都使用了blockly,實(shí)現(xiàn)積木式拖拽編程溢豆。
ai平臺(tái)提供的即時(shí)調(diào)試工具——AI伴侶蜒简,在手機(jī)安裝,或者在安卓模擬器安裝后沫换,能夠通過ai連接碼即時(shí)連接調(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伴侶無法連接、升級(jí)困難的問題磕谅,WxBit版已經(jīng)徹底解決私爷。WxBit版還是首個(gè)支持HTTPS的ai版本,在某些復(fù)雜網(wǎng)絡(luò)環(huán)境下膊夹,運(yùn)行更加安全可靠衬浑。使用QQ賬號(hào)登錄,開始制作安卓應(yīng)用放刨。(網(wǎng)站集成QQ登錄工秩,只能獲得用戶的昵稱和頭像,不能獲得用戶的密碼和好友等信息进统。相比網(wǎng)站自管理的密碼注冊(cè)助币,更加安全可靠。除了銀行螟碎、以及那些較大的互聯(lián)網(wǎng)企業(yè)眉菱,其他系統(tǒng)很難有資源和能力管理好用戶密碼。因此掉分,本著對(duì)用戶負(fù)責(zé)的態(tài)度俭缓,本站只支持使用QQ賬號(hào)登錄。)
“新建項(xiàng)目”開始制作安卓應(yīng)用酥郭,項(xiàng)目的名稱只能是字母和數(shù)字的組合尔崔,不能是中文。應(yīng)用的中文名稱需要?jiǎng)?chuàng)建項(xiàng)目后再設(shè)置褥民。打開項(xiàng)目后季春,點(diǎn)擊“連接”菜單即可對(duì)正在制作的應(yīng)用進(jìn)行可視化調(diào)試。制作完成后消返,選擇”生成APK“可以生成安卓應(yīng)用的二維碼下載鏈接载弄,或者直接下載apk文件∧旒眨”AI伴侶“提供了手機(jī)版和電腦版的AI伴侶宇攻,電腦版AI伴侶適合沒有安卓手機(jī)的場(chǎng)景應(yīng)急使用,如果條件允許建議還是直接使用手機(jī)安裝倡勇。"展廳”為用戶分享的項(xiàng)目逞刷,里面還有6萬多個(gè)來自MIT平臺(tái)的分享項(xiàng)目。如果你有好的創(chuàng)意或技巧,希望與其他用戶分享夸浅,請(qǐng)發(fā)布到展廳哦仑最。如果發(fā)布垃圾數(shù)據(jù),站長會(huì)直接封禁賬戶帆喇,嘿嘿警医。
開始制作應(yīng)用前,先安裝好本站專用的AI伴侶(手機(jī)版坯钦、電腦版)预皇,如果手機(jī)安裝了其他版本的AI伴侶,需要先卸載婉刀,否則由于名字沖突安裝不上吟温。如果安裝的是電腦版(集成版),Windows版安裝完成后桌面有3個(gè)圖標(biāo)突颊,分別是:
1溯街、“AI2伴侶”就是使用瀏覽器模擬運(yùn)行的AI伴侶,某些電腦由于顯卡不支持或不兼容洋丐,不能啟動(dòng)呈昔。如果其他后長時(shí)間停留在圖標(biāo)界面,請(qǐng)嘗試“以管理員權(quán)限運(yùn)行”友绝。首次運(yùn)行AI伴侶需選擇一個(gè)文件夾作為AI伴侶的外部存儲(chǔ)(SDCard)堤尾,該文件夾中的“Appinventor”目錄用于保存調(diào)試應(yīng)用的素材文件。務(wù)必選擇迁客,不選擇則無法啟動(dòng)郭宝。
2、“AI2漢化版”使用自帶的Chrome瀏覽器打開 https://app.wxbit.com掷漱,不使用這個(gè)快捷粘室,用自己喜歡的其他瀏覽器打開上面網(wǎng)址,效果是一樣的卜范。這個(gè)快捷方式只是方便沒有合適瀏覽器衔统,和懶得記憶網(wǎng)址的用戶。
3海雪、“AI2集成板”這個(gè)快捷方式锦爵,會(huì)同時(shí)啟動(dòng)AI2伴侶和AI2漢化版。
3分鐘制作安卓應(yīng)用
創(chuàng)建一個(gè)項(xiàng)目奥裸,例如名字“test”险掀,完成后看到以下界面:
1、組件面板湾宙,選中所需的組件后樟氢,使用鼠標(biāo)拖拽到中間的手機(jī)界面區(qū)域冈绊,就能在項(xiàng)目中使用該組件了。點(diǎn)擊組件右邊的問號(hào)埠啃,查看組件的介紹死宣。熟悉ai內(nèi)置組件后,會(huì)發(fā)現(xiàn)組件不夠用霸妹,那么就可以通過上傳“擴(kuò)展”加入其它用途的組件十电,擴(kuò)展ai的功能知押,制作更加豐富的應(yīng)用叹螟。
2、ai中有“組件設(shè)計(jì)”和“邏輯設(shè)計(jì)”兩項(xiàng)重要功能台盯。在“組件設(shè)計(jì)”視圖中罢绽,選擇合適的組件設(shè)計(jì)應(yīng)用的界面;在“邏輯設(shè)計(jì)”視圖中静盅,設(shè)計(jì)組件對(duì)應(yīng)的事件邏輯良价。比如點(diǎn)擊按鈕更新標(biāo)簽的顯示文本等。
3蒿叠、“組件屬性”區(qū)域明垢,不同組件會(huì)有不同的屬性,“Screen1”組件的屬性中市咽,可以設(shè)置應(yīng)用安裝到手機(jī)中的顯示名稱痊银、應(yīng)用圖標(biāo)等。屬性具體的用途施绎,通過屬性名稱也能理解得八九不離十溯革。少數(shù)不能理解的屬性,設(shè)置后連上AI伴侶即可看到谷醉。
在項(xiàng)目編輯界面致稀,點(diǎn)擊“連接”菜單中的“AI伴侶”,可以看到一個(gè)二維碼和6位數(shù)字的連接碼俱尼。使用手機(jī)版AI伴侶掃描二維碼抖单,或者在電腦版AI伴侶中輸入并點(diǎn)擊連接,即可在AI伴侶中看到正在制作的應(yīng)用遇八。
在“組件列表”中選中“Screen1”臭猜,設(shè)置水平對(duì)齊和垂直對(duì)齊屬性為“居中”,將應(yīng)用名稱屬性設(shè)置為“測(cè)試應(yīng)用”押蚤,窗口大小設(shè)置為“自適應(yīng)”蔑歌。然后在點(diǎn)擊組件面板中的“按鈕”,拖拽進(jìn)工作面板揽碘,并將按鈕的文本屬性設(shè)置為“點(diǎn)擊”次屠,效果如圖:
接下來园匹,我們切換到“邏輯設(shè)計(jì)”視圖,設(shè)置點(diǎn)擊按鈕時(shí)劫灶,讓按鈕的名稱變更為“點(diǎn)擊:n”的格式裸违,每次點(diǎn)擊n都增加1。
1本昏、“模塊”區(qū)域列出了ai內(nèi)置的邏輯塊和組件供汛,內(nèi)置塊分為8大類,是制作應(yīng)用的重要支撐涌穆。點(diǎn)開查看怔昨,從文字即可理解每個(gè)邏輯塊的作用。內(nèi)置塊下方列出所用的組件宿稀,Screen1是整個(gè)應(yīng)用的入口趁舀。點(diǎn)擊組件,可以看到該組件的事件塊祝沸、獲取設(shè)置屬性值的塊矮烹,以及組件的其他功能塊。
2罩锐、“工作面板”區(qū)域?yàn)閿[放邏輯塊奉狈,拼接功能邏輯的區(qū)域,下凹槽為邏輯塊涩惑,左凹槽接收屬性值仁期。將邏輯塊拖動(dòng)到右下角的垃圾桶圖標(biāo),刪除所拖動(dòng)邏輯塊境氢。將邏輯塊拖動(dòng)到右上角的背包圖標(biāo)蟀拷,可以在多個(gè)屏幕中共享邏輯塊,也就是邏輯塊的“復(fù)制”與“粘貼”功能萍聊。
從“按鈕”的邏輯塊中將“被點(diǎn)擊”拖到工作區(qū)域问芬,然后從分別從“變量”、“數(shù)學(xué)”寿桨、“文本”塊中拖出對(duì)應(yīng)邏輯塊此衅,構(gòu)成“按鈕每點(diǎn)擊一次,其名字顯示+1”的邏輯亭螟,如圖所示:
至此挡鞍,第一個(gè)安卓應(yīng)用制作完成。
點(diǎn)擊“生成APK"菜單的“顯示二維碼”预烙,ai平臺(tái)會(huì)生成安卓的應(yīng)用安裝文件墨微,使用手機(jī)AI伴侶掃描二維碼即可下載安裝到手機(jī)中。由于二維碼的有效時(shí)間只有2小時(shí)扁掸,一般只用于自己安裝測(cè)試翘县。選擇“下載到電腦”則將生成的APK文件下載到電腦最域,則可以通過其他方式傳播,或者在應(yīng)用市場(chǎng)上架锈麸。
附錄:常見問題解答
在輔導(dǎo)ai初學(xué)者時(shí)镀脂,遇到典型的幾個(gè)問題:
1、ai能連接數(shù)據(jù)庫嗎忘伞?ai能做用戶登錄嗎薄翅?……
這些問題,總結(jié)為“ai能做xxx嗎氓奈?”
能翘魄。在別的語言能做的事,在ai里基本也能做探颈。
“老師熟丸,ai什么都能训措,能做出王者榮耀游戲嗎伪节?”
獨(dú)秀同學(xué)請(qǐng)坐,正確的回答:“能绩鸣』炒螅”
ai定位為編程入門工具,提供了一系列組件呀闻,并以拼圖語言blockly簡化編程過程化借。在ai中導(dǎo)入擴(kuò)展組件,解決ai系統(tǒng)原有組件不能處理的問題捡多。例如導(dǎo)入數(shù)據(jù)庫管理擴(kuò)展蓖康、即時(shí)通訊擴(kuò)展等,實(shí)現(xiàn)對(duì)應(yīng)的功能垒手。如果沒有現(xiàn)成的擴(kuò)展蒜焊,就要自己開發(fā)或是找人開發(fā)。由于ai中沒有能夠用于開發(fā)王者榮耀的功能組件科贬,也不能提高游戲的開發(fā)效率泳梆,所以天美不會(huì)用ai開發(fā)。一定要用ai榜掌,不是技術(shù)上不可行优妙,而是這樣做毫無意義。沒有ai做不了的事憎账,卻有不應(yīng)該用ai做的事套硼,和用ai做不了這事那事的人。
有些功能胞皱,通過組合ai已有組件和導(dǎo)入現(xiàn)成擴(kuò)展組件即可實(shí)現(xiàn)邪意。更進(jìn)一步看政,可以嘗試自己開發(fā)ai的擴(kuò)展組件。如果不能實(shí)現(xiàn)抄罕,就要考慮是否應(yīng)該用ai來做了允蚣。
2、為什么語音識(shí)別器不能識(shí)別呆贿?為什么語音合成器不能朗讀文本嚷兔?……
如果有這些問題,那么很遺憾地告訴你做入,你掉在坑里了冒晰。
ai最早由谷歌團(tuán)隊(duì)開發(fā),ai中的組件也自然地使用谷歌的服務(wù)竟块,但是這些服務(wù)在國內(nèi)并不能使用壶运。ai被人引入國內(nèi)時(shí),只是對(duì)界面做了漢化浪秘,并沒有將這些組件替換為國內(nèi)能用的服務(wù)蒋情。語音識(shí)別與合成都依賴安卓系統(tǒng)中安裝的第三方識(shí)別與合成應(yīng)用,國內(nèi)手機(jī)的系統(tǒng)很多沒有集成這些應(yīng)用耸携,也就直接導(dǎo)致這兩個(gè)組件不能正常工作棵癣。此外還有地圖組件,使用的OpenStreetMap夺衍,在國內(nèi)并沒有取得電子地圖牌照狈谊,是個(gè)“非法”的組件。
這些問題沟沙,在 WxBit 漢化增強(qiáng)版中已經(jīng)有效地解決河劝。作者除了漢化改進(jìn)ai系統(tǒng),還增加了百度語音合成矛紫、識(shí)別與喚醒赎瞎,高德地圖與定位,TensorflowLite深度學(xué)習(xí)推理等方便國內(nèi)用戶使用的組件含衔,更詳細(xì)改進(jìn)參見《更新記錄》煎娇。
3、布局對(duì)話框怎么用贪染?圖像組件里面的GIF動(dòng)畫為什么不會(huì)動(dòng)缓呛?……
這些問題,總結(jié)起來就是對(duì)組件不熟悉杭隙。WxBit 漢化版對(duì)ai界面做了很深的漢化哟绊。從組件的名字,大概就能推測(cè)出組件的功能痰憎,如有疑問點(diǎn)擊組件的幫助可以看到更加詳細(xì)的介紹票髓。如果還是不清楚攀涵,將組件拖到工作面板中,點(diǎn)選組件即可看到組件的屬性洽沟。切換到邏輯設(shè)計(jì)視圖以故,點(diǎn)選組件可以看到組件的事件和功能塊。
布局對(duì)話框裆操,能夠?qū)⒉季洲D(zhuǎn)換為對(duì)話框彈出怒详,是“對(duì)話框”組件的增強(qiáng)。
想要使用GIF動(dòng)畫踪区,則需要使用“動(dòng)畫圖像”組件昆烁,這是“圖像”組件的增強(qiáng)。
例如“文件選擇框”則是能夠彈出文件選擇界面的功能組件缎岗,WxBit 漢化版系統(tǒng)中重點(diǎn)解決了用戶使用ai的諸多不便静尼。這些貼心的組件,在非 WxBit 合作的教材中都看不到传泊。請(qǐng) WxBit 的用戶鼠渺,一定不要參照其他教材來使用,會(huì)錯(cuò)過很多或渤,會(huì)走很多彎路系冗。