1. 程式人生 > >積木程式設計安卓app入門 —— 5 分鐘學會 App Inventor

積木程式設計安卓app入門 —— 5 分鐘學會 App Inventor

不用懷疑,學習App Inventor就是這麼簡單。花費5分鐘,就能學會App Inventor

1分鐘瞭解App Inventor

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

ai是一個視覺化的安卓應用製作平臺,使用者使用瀏覽器開啟ai平臺網站(,簡稱),通過拖拽元件和邏輯塊,即可完成安卓應用的製作。如果使用者有

scratch的使用經驗,ai上手更是完全沒有障礙。aiscratch都使用了blockly,實現積木式拖拽程式設計。

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

1分鐘上手App Inventor

使用谷歌瀏覽器、QQ瀏覽器、FirefoxSafari等非IE瀏覽器開啟ai網站:。這是作者基於 MIT App Inventor 原始碼優化定製的漢化版,修正了ai架構的若干缺陷。比如使用ai頻繁遇到的AI伴侶無法連線、升級困難的問題,WxBit版已經徹底解決。WxBit版還是首個支援HTTPSai版本,在某些複雜網路環境下,執行更加安全可靠。使用

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分鐘製作安卓應用

建立一個專案,例如名字“Demo”,完成後看到以下介面:

元件設計檢視

1、元件面板,選中所需的元件後,使用滑鼠拖拽到中間的手機介面區域,就能在專案中使用該元件了。點選元件右邊的問號,檢視元件的介紹。熟悉ai內建元件後,會發現元件不夠用,那麼就可以通過上傳擴充套件加入其它用途的元件,擴充套件ai的功能,製作更加豐富的應用。

2ai中有元件設計邏輯設計兩項重要功能。在元件設計檢視中,選擇合適的元件設計應用的介面;在邏輯設計檢視中,設計元件對應的事件邏輯。比如點選按鈕更新標籤的顯示文字等。

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

在專案編輯介面,點選連線選單中的“AI伴侶,可以看到一個二維碼和6位數字的連線碼。使用手機版AI伴侶掃描二維碼,或者在電腦版AI伴侶中輸入並點選連線,即可在AI伴侶中看到正在製作的應用。

連線AI伴侶

元件列表中選中“Screen1”,設定水平對齊和垂直對齊屬性為居中,將應用名稱屬性設定為測試應用,視窗大小設定為自適應。然後在點選元件面板中的按鈕,拖拽進工作面板,並將按鈕的文字屬性設定為點選,效果如圖:

設計元件

接下來,我們切換到邏輯設計檢視,設定點選按鈕時,讓按鈕的名稱變更為點選:n”的格式,每次點選n都增加1

邏輯設計檢視

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

按鈕元件的邏輯塊

2工作面板區域為擺放邏輯塊,拼接功能邏輯的區域,下凹槽為邏輯塊,左凹槽接收屬性值。將邏輯塊拖動到右下角的垃圾桶圖示或直接點選Delete鍵,除所拖動邏輯塊。將邏輯塊拖動到右上角的揹包圖示,可以在多個螢幕中共享邏輯塊,也就是邏輯塊的複製貼上功能。

按鈕的邏輯塊中將被點選拖到工作區域,然後從分別從變數數學文字塊中拖出對應邏輯塊,構成按鈕每點選一次,在文字框中顯示點選數的邏輯,如圖所示:

設計邏輯

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

點選生成APK"選單的顯示二維碼ai平臺會生成安卓的應用安裝檔案,使用手機AI伴侶掃描二維碼即可下載安裝到手機中。由於二維碼的有效時間只有2小時,一般只用於自己安裝測試。選擇下載到電腦則將生成的APK檔案下載到電腦,則可以通過其他方式傳播,或者在應用市場上架。

安裝測試應用

親,安卓app製作學會了嗎?