App Inventor學習環境搭建(詳細)

App Inventor學習環境搭建

 

App Inventor(簡稱AI)由谷歌實驗室開發,後移交麻省理工學院,是一款可視化編程環境,採用搭積木的方式快速建立應用程序,並且可以結合AI伴侶,極其便利的在手機上進行測試和應用。

App Inventor是一款用來開發Android智能手機程序的工具,採用與Scratch類似拖拽方式編程。【Android是Google發佈的基於Linux平臺的智能手機操作系統,是第一個完整、開源、免費的手機操作系統。】

麻省理工學院的App Inventor是一個直觀、可視化的編程環境,它允許每個人——甚至是孩子——爲智能手機和平板電腦構建功能齊全的應用程序。在App Inventor 2中,不僅用戶界面開發是可視化和模塊化的,程序邏輯的開發也是如此。模塊被分爲不同的類別,並且標記成不同的顏色,執行不同的動作。編程猶如玩樂高積木,邏輯關係一目瞭然,參見下圖:

 

 

APP INVENTOR是基於網頁的在線編程工具,國內外都有一些可用的服務器:

麻省理工學院的服務器登錄地址:http://appinventor.mit.edu/explore/

這是英語版的。

推薦使用國內的

廣州服務器:http://app.gzjkw.net/login/

建議使用chrome瀏覽器打開http://app.gzjkw.net,如下登錄:

使用張路先生漢化的國內的服務器:ai2.17coding.net

建議使用chrome瀏覽器打開ai2.17coding.net,如下登錄:

【隨着時間的變化或版本的更新,你看到的頁面也許有變化】

使用國內App Inventor 2 WxBit 漢化增強版https://app.wxbit.com

建議使用chrome瀏覽器或QQ 瀏覽器打開https://app.wxbit.com,如下登錄:

使用上面給出網址的在線平臺,不需要在本地計算機上安裝。

除了基於在線的App Inventor開發環境,我們還可以在本地電腦上搭建自己獨自使用的App Inventor開發環境。

下面介紹在本地電腦上搭建自己獨自使用的App Inventor開發環境,先按下面鏈接下載兩個壓縮文件:

(1)App Inventor2019離線桌面(張路)版,Windows版下載鏈接:

https://pan.baidu.com/s/1SRNCwOlfCKDMKCbeB9HQ2Q

提取碼: we4p

(2)桌面直連版AI伴侶Windows版下載鏈接

64位版鏈接: https://pan.baidu.com/s/1LSMnaigGMRDDCYAu_aVSPQ 提取碼: xgkv

 

App Inventor2019離線桌面單機版(張路先生漢化)使用說明

 

需要運行在Windows 7及其以上版本下,這個版本使用起來非常簡單,將下載到的壓縮包直接複製到硬盤的根目錄下,然後解壓。注意,解壓時,360安全衛士等安全軟件可能攔截刪除文件,要及時阻止!

解壓後的情況如下:


在解壓後的文件夾中找到AppInventorDesktop2019.exe文件,運行該文件即可啓動2019桌面版。成功啓動進入開發工具,如下圖所示:

 

注意:在關閉了桌面版窗口之後,如果想再次啓動桌面版,需要等候一段時間,如1分鐘,以便系統可以將之前程序佔用的資源徹底釋放掉,否則,再次啓動時會提示“端口被佔用”一類的錯誤提示信息。

進入開發工具(也稱爲進入開發平臺或開發環境)後,界面和操作大同小異。App Inventor開發工具的使用,暫時不講,另文介紹:App Inventor開發工具的使用 https://blog.csdn.net/cnds123/article/details/105869753

 

桌面直連版AI伴侶使用說明

測試工具有好幾種,先介紹桌面直連版AI伴侶(桌面版AI伴侶)。

Roadlabs特別製作了一款桌面版AI伴侶,使得開發測試擺脫了對手機及模擬器的依賴。這款桌面版AI伴侶對系統資源的佔用較少,不需要使用安卓手機,但無法測試與傳感器等有關的功能

下載壓縮包之後,務必將壓縮文件複製到硬盤根目錄下

啓動桌面版AI伴侶

說明:在此過程中用戶選擇一個文件夾的作用是,AI伴侶將在這個文件夾中創建一個名爲“AppInventor”的文件夾,用來保存測試過程中的素材文件。

 

測試步驟

在開發工具中點擊“連接USB端口”,或“連接模擬器”,

 

將彈出一個連接中窗口,不斷變化提示信息,需要耐心等待:

等待桌面版AI伴侶窗口出現你要測試的程序的運行結果:

用手機版AI伴侶測試,簡述如下:

若使用手機版AI伴侶測試效果需要在手機上安裝“MITAI2Companion.apk”,並且需要手機在WiFi(無線上網)環境下連網,測試功能全面(而桌面直連版AI伴侶無法測試與傳感器等有關的功能)。

在開發工具的“幫助”菜單中可以看到和開發工具版本匹配“AI伴侶”命令(手機版AI伴侶),單擊她出現一個窗口,參見下圖:

可以使用手機掃描上圖中的二維碼或使用下載地址下載

注意:下載時,360安全衛士等安全軟件可能攔截刪除文件,要及時阻止!或先暫停安全軟件,安裝完後再啓用。

下載後就可點擊下載的安裝文件安裝了。之後,就可以用此手機版AI伴侶測試了。

測試步驟:

在App Inventor開發平臺中使用“連接“菜單的”AI伴侶”命令,將產生一個二維碼

在手機上,運行AI伴侶,使用“掃描二維碼”掃碼上一步App Inventor開發平臺產生的二維碼,等待程序運行。

 

 

項目切換

當用戶重新打開一個項目時,通常桌面版AI伴侶會自動更新,但是如果出現伴侶白屏,遲遲不更新時,可以用鼠標右鍵點擊伴侶右上角的橫線,然後選擇“重新加載應用”

 

在App Inventor開發工具中編譯作品發佈到Android手機中

 

首先是編譯生成“.apk文件”,再將生成“.apk文件”傳到手機中安裝。具體過程如下。

 

在App Inventor開發工具中使用“編譯→下載到本機”可以在你開發電腦中生成“.apk文件”:

 

生成“.apk文件”後,就可以將之傳到手機中安裝了。

先將電腦中的“.apk文件”傳到手機中

打開桌面版 騰訊QQ,通過“我的Android手機”這個選項將電腦中的“.apk文件”發到手機,參見下圖:

 

然後,在手機上的QQ中找到“我的電腦”就可以找到這個apk文件,點擊它就可以安裝啦:

 

點擊它(變魔術.apk)就可以在Android手機中安裝啦。

安裝完成後,就可以試試運行效果了。

 

App Inventor開發工具的使用和例子,參見他文。

 

 

 

附錄

App Inventor 編程實例及指南_w3cschool

https://www.w3cschool.cn/app_inventor/

 

人人編程網(用谷歌瀏覽器打開):

https://www.17coding.net/

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章