WEBApp-搭建Android開發環境

標籤：

學習目標：WebApp——把HTML5應用打包到Android手機中。

 

特點：代碼量少！思路簡單！——過程有點亂，很容易出錯！

 

面試題：面向過程(function)和物件導向(object)的區別？ 面向過程的語言：C、C++、JavaScript、PHP —— 底層軟體，如三大基礎軟體 物件導向的語言：C++、JavaScript、PHP、Java、C# —— 高層應用軟體

 

Hybrid App = NativeApp + WebApp

 

1.原生App和WebApp的比較

  原生(Native)App指：

iOS(Linux-C)： Objective-C、Swift

Android(Linux-C)： Java

  WebApp指：

使用HTML5編寫的移動Web應用。一個WebApp幾乎可以不加修改的運行在PC、Android、iOS等平台。

優勢：一套代碼到處運行。

劣勢：某些底層功能缺失，運行速度不如原生App。

 

(1)保證在“我的電腦”中可以看到並開啟My Phone

(2)Android系統 => 設定 => 開發人員選項 => 啟用USB調試

就可以直接安裝自己開發的行動裝置 App到Android系統了

 

 

2.Android開發環境的搭建

  (1)下載並安裝Java程式的運行環境——JDK（JavaDevelopmentKit）

     baidu：jdk安裝

     保證在命令列中輸入  java.exe  可以運行

  (2)下載並解壓縮Android應用的開發環境——ADT（AndroidDeveloperTools）

 

  (3)啟動ADT： eclipse/eclipse.exe

  (4)建立虛擬Android裝置——Android Virtual Device Manager

注意：有真實Android手機可以省略此步，在

Eclipse->Window->OpenPerspective->DDMS

介面下可以查看到自己的手機

 

  (5)建立Android應用程式，選擇自訂表徵圖，定製視窗中的內容，安裝真實手機或虛擬手機中。

提示：若ADT無法發現真實手機，可以把項目運行一下，在bin目錄下會產生Android應用程式的安裝程式： xxx.apk  可以直接把此檔案拷貝到手機的sd卡中，使用手機直接安裝此apk檔案。

 

 

 

 

 

 

3.Android應用的目錄結構

 

 

  如何設定一個全螢幕顯示的視窗：

修改項目資訊清單檔 AndroidManifest.xml：

<application  android:theme="@android:style/Theme.NoTitleBar.FullScreen">

 

 

4.建立一個HybridApp

  混合App： 像原生App一樣有表徵圖，點開後呈現一個原生App的視窗(稱為Activity)；此視窗中只有一個組件——一個瀏覽器核心(不帶地址欄)，可以限定此瀏覽器核心只顯示特定的網頁。

  建立WebView組件——用於顯示網頁內容（即瀏覽器的核心）

WebView wv = new WebView(this);     //建立瀏覽器核心對象

this.setContentView(wv);              //表單中添加webView組件

 

  1)使用WebView載入APK檔案中打包好的Android本地網頁：

所有的HTML/CSS/JS都必須儲存Android項目的assets目錄下

WebView wv = new WebView(this);

this.setContentView(wv);

wv.getSettings.setJavaScriptEnabled(true);  //啟用JS支援

wv.loadUrl("file:///android_asset/xx.html");   //載入本地的HTML檔案

 

  2)使用WebView載入遠程Web伺服器上的網頁：

除了上述步驟外，還需要向使用者申請網路使用許可權：

AndroidManifest.xml中：

<uses-permission android:name="android.permission.INTERNET">

       MainActivity.java中：

wv.loadUrl("http://tmooc.cn");      //載入互連網的HTML檔案

 

WEBApp-搭建Android開發環境