Android app界面設計工具AppInventor初體驗

AppInventor 是谷歌推出一種軟件工具，是一種在瀏覽器裏面在線設計安卓app界面和功能，而後打包爲apk安裝包並下載到用戶電腦的一種所見即所得的開發平臺。本文演示了在本地快速搭建該平臺的步驟，讓沒有任何編程經驗的小白也能夠開發安卓app。

AppInventor 令人們能夠拖放代碼塊(表現爲圖形圖像表明不一樣的智能手機功能)，將這些代碼放在一塊兒，相似於將Lego blocks放置在一塊兒。結果是在我的智能手機上產生一個應用程序。

界面初體驗

經常使用的功能都有了。

使用步驟

一、AppInventor地址

訪問：http://ai2.17coding.net/

二、項目建立

建立一個項目名爲：SwitchScreen（固然你也能夠叫其餘的）

三、選擇佈局

界面選擇組件佈局，選擇垂直佈局，並拖動兩個按鈕到佈局中。

經過拖動來組裝組件的步驟仍是比較簡單的。

選擇並點擊「增添屏幕」，在建立一個屏幕，用於點擊跳轉。

新建立的屏幕默認叫「screen2」：

四、爲事件編程

爲Screen1中的元素進行編程

點擊「編程」按鈕：

編程很方便，就是平時咱們的白話，如：設xxx的xxx爲xxx，經過拖動組件來實現。下面咱們還演示下如何操做。

增長如下三個功能：

（1）點擊按鈕「南海是中國的」時，跳轉到screen2
（2）當肯定按鈕點擊時，啓動攝像機，並設置拍攝完成後圖片的保存路徑

（3）「標籤1」文本格式設置

實現步驟：

功能一實現步驟：

（1）在screen1節點下，點擊button1，在彈出的界面選擇功能，並拖動功能到畫布。

（2）點擊內置塊的控制，選擇功能塊，並拖動到畫布進行組合。

（3）組合後效果

功能完成，就這麼簡單。

功能二實現步驟：

步驟同步驟一，組合後效果：

OK，此功能也實現了。

功能三實現步驟：

（1）選擇標籤1，選擇對應的功能項。而後選擇內置塊的數字功能：

在畫布中組合：

 

目前畫布中組合好的所有功能以下：

打包並下載設計好的app

選擇編譯->下載到本地選項，下載便可。

下載後的就是我們的apk程序了。經過adb install命令安裝到虛擬機或手機中就可使用了。

 

安裝並使用app

（1）本地搭建一個Android虛擬機或使用實體機器

（2）使用adb 命令安裝app，安裝過程以下：

（3）在虛擬機中以下

（4）啓動後的效果

（5）點擊「南海是中國的」按鈕後，效果以下：

注意，在此過程當中我們沒有寫一行代碼哦。不過使用這個工具只能建立一些功能比較簡單的應用，更多的功能仍是須要經過編碼來更詳細的編程。

至此，AppInventor工具講解完畢。