H5代碼封裝成安卓App的原理即將網頁通過WebView技術實現本地化展示，并對WebView進行安卓原生功能的擴展。下面是詳細的介紹：

## WebView

WebView 開發步驟如下：

### 1. 添加WebView

在布局文件中添加一個 WebView。

“`xml

android:id=”@+id/webview”

android:layout_width=”match_parent”

android:layout_height=”match_parent”/>

“`

### 2. 初始化WebView

在代碼中實例化一個 WebView，并進行基本的配置和監聽。

“`java

WebView webView = (WebVi安卓APP開發ew) findViewById(R.id.webview);

//設置支持JavaScript

WebSettings settings = webView.getSettings();

settings.setJavaScriptEnabled(true);

//設置WebViewClient

webView.setWebViewClient(new WebViewClient() {

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return true;

}

});

//設置WebChromeClient

webView.setWebChromeClient(new WebChromeClient() {

@Override

public void onProgressChanged(WebView view, int newProgress) {

//頁面加載進度更新

}

@Override

public void onReceivedTitle(WebView view, String title) {

//頁面標題更新

}

});

“`

### 3. 加載網頁

通過 WebView 對象的 loadUrl 方法加載網頁。

“`java

webView.loadUrl(“http://www.example.com”);

“`

## 擴展原生功能

WebView 可以通過 JavaScript 和安卓原生代碼進行交互，從而實現一些原生功能的擴展。

### 1. JS調用安卓代碼

在安卓代碼中添加一個 JavaScript 接口。

“`java

//安卓代碼中添加JavaScript接口

public class WebAppInterface {

private Context mContext;

public WebAppInterface(Context context) {

mContext = context;

}

@JavascriptInterface

public void showToast(String toast) {

Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();

}

}

//將JavaScript接口綁定到WebView中

webView.addJavascriptInterface(new WebAppInterface(this), “app”);

“`

在 JavaScript 代碼中調用該接口。

“`javascript

//JavaScript代碼中調用安卓接口

app.showToast(“Hello World!”);

“`

### 2. 安卓代碼調用JS

在 JavaScript 代碼中添加相應的函數或

變量。

“`javascript

//JavaScript代碼中暴露函數或變量

function sh安卓appowAlert(msg) {

alert(msg);

}

“`

在安卓代碼中通過 evaluateJavascript 方法調用該函數或變量。

“`java

//在安卓代碼中調用JS

webView.evaluateJavascript(“showAlert(‘Hello World!’)”, null);

“`

以上就是將H5代碼封裝成安卓App的基本原理和實現過程。在實際開發中，還需要注意一些安全問題，并根據具體需求擴展更多的原生功能。