終極入門教程 —— 5 分鐘學(xué)會(huì) App Inventor 2

經(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)登錄。)

App Inventor 漢化版
開始制作安卓應(yīng)用


新建項(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漢化版。

AI2漢化版和AI2伴侶


3分鐘制作安卓應(yīng)用

創(chuàng)建一個(gè)項(xiàng)目奥裸,例如名字“test”险掀,完成后看到以下界面:

組件設(shè)計(jì)視圖

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)用遇八。

連接AI伴侶

在“組件列表”中選中“Screen1”臭猜,設(shè)置水平對(duì)齊和垂直對(duì)齊屬性為“居中”,將應(yīng)用名稱屬性設(shè)置為“測(cè)試應(yīng)用”押蚤,窗口大小設(shè)置為“自適應(yīng)”蔑歌。然后在點(diǎn)擊組件面板中的“按鈕”,拖拽進(jìn)工作面板揽碘,并將按鈕的文本屬性設(shè)置為“點(diǎn)擊”次屠,效果如圖:

設(shè)計(jì)組件

接下來园匹,我們切換到“邏輯設(shè)計(jì)”視圖,設(shè)置點(diǎn)擊按鈕時(shí)劫灶,讓按鈕的名稱變更為“點(diǎn)擊:n”的格式裸违,每次點(diǎn)擊n都增加1。

邏輯設(shè)計(jì)視圖

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”的邏輯亭螟,如圖所示:

設(shè)計(jì)邏輯

至此挡鞍,第一個(gè)安卓應(yīng)用制作完成。

點(diǎn)擊“生成APK"菜單的“顯示二維碼”预烙,ai平臺(tái)會(huì)生成安卓的應(yīng)用安裝文件墨微,使用手機(jī)AI伴侶掃描二維碼即可下載安裝到手機(jī)中。由于二維碼的有效時(shí)間只有2小時(shí)扁掸,一般只用于自己安裝測(cè)試翘县。選擇“下載到電腦”則將生成的APK文件下載到電腦最域,則可以通過其他方式傳播,或者在應(yīng)用市場(chǎng)上架锈麸。

安裝測(cè)試應(yī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ì)走很多彎路系冗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末奕扣,一起剝皮案震驚了整個(gè)濱河市薪鹦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惯豆,老刑警劉巖池磁,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異楷兽,居然都是意外死亡地熄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門芯杀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來端考,“玉大人,你說我怎么就攤上這事揭厚∪刺兀” “怎么了?”我有些...
    開封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵筛圆,是天一觀的道長裂明。 經(jīng)常有香客問我,道長太援,這世上最難降的妖魔是什么闽晦? 我笑而不...
    開封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任扳碍,我火速辦了婚禮,結(jié)果婚禮上仙蛉,老公的妹妹穿的比我還像新娘笋敞。我一直安慰自己,他們只是感情好荠瘪,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開白布液样。 她就那樣靜靜地躺著,像睡著了一般巧还。 火紅的嫁衣襯著肌膚如雪鞭莽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天麸祷,我揣著相機(jī)與錄音澎怒,去河邊找鬼。 笑死阶牍,一個(gè)胖子當(dāng)著我的面吹牛喷面,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播走孽,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼惧辈,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了磕瓷?” 一聲冷哼從身側(cè)響起盒齿,我...
    開封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎困食,沒想到半個(gè)月后边翁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡硕盹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年符匾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瘩例。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡啊胶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出垛贤,到底是詐尸還是另有隱情焰坪,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布南吮,位于F島的核電站琳彩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜露乏,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一碧浊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瘟仿,春花似錦箱锐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至观蜗,卻和暖如春臊恋,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背墓捻。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來泰國打工抖仅, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人砖第。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓撤卢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親梧兼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子放吩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容