積木程式設計安卓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年釋出了ai2,ai1成為歷史不再使用。ai目前只能製作安卓應用,由於ios規範的限制,ai在未來比較長的一段時間裡也只能製作安卓應用。
ai是一個視覺化的安卓應用製作平臺,使用者使用瀏覽器開啟ai平臺網站(,簡稱),通過拖拽元件和邏輯塊,即可完成安卓應用的製作。如果使用者有
ai平臺提供的即時除錯工具——AI伴侶,在手機安裝,或者在安卓模擬器安裝後,能夠通過ai連線碼即時連線除錯正在製作的安卓應用。
1分鐘上手App Inventor
使用谷歌瀏覽器、QQ瀏覽器、Firefox、Safari等非IE瀏覽器開啟ai網站:。這是作者基於 MIT App Inventor 原始碼優化定製的漢化版,修正了ai架構的若干缺陷。比如使用ai頻繁遇到的AI伴侶無法連線、升級困難的問題,WxBit版已經徹底解決。WxBit版還是首個支援HTTPS的ai版本,在某些複雜網路環境下,執行更加安全可靠。使用
App Inventor 漢化版
開始製作安卓應用
“新建專案”開始製作安卓應用,專案的名稱只能是字母和數字的組合,不能是中文。應用的中文名稱需要建立專案後再設定。開啟專案後,點選“連線”選單即可對正在製作的應用進行視覺化除錯。製作完成後,選擇”生成APK“可以生成安卓應用的二維碼下載連結,或者直接下載
開始製作應用前,先安裝好本站專用的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的功能,製作更加豐富的應用。
2、ai中有“元件設計”和“邏輯設計”兩項重要功能。在“元件設計”檢視中,選擇合適的元件設計應用的介面;在“邏輯設計”檢視中,設計元件對應的事件邏輯。比如點選按鈕更新標籤的顯示文字等。
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製作學會了嗎?