51CTO曾經(jīng)獨(dú)家推薦過Android開發(fā)應(yīng)用詳解的專題，本文希望通過本次對(duì)WebView組件的使用講解，可以讓各位了解到WebView組件的詳細(xì)使用：

網(wǎng)絡(luò)內(nèi)容

1、LoadUrl直接顯示網(wǎng)頁內(nèi)容(單獨(dú)顯示網(wǎng)絡(luò)圖片)

2、LoadData顯示中文網(wǎng)頁內(nèi)容(含空格的處理)

APK包內(nèi)文件

1、LoadUrl顯示APK中Html和圖片文件

2、LoadData(loadDataWithBaseURL)顯示APK中圖片和文字混合的Html內(nèi)容

res/layout/main.xml

Xml代碼

　　< ?xml version="1.0" encoding="utf-8"?> 
 
　　< LINEARLAYOUT android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android"> 
 
　　< WEBVIEW android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/webview" /> 
 
　　< /LINEARLAYOUT> 
 
　　< ?xml version="1.0" encoding="utf-8"?> 
 
　　< LINEARLAYOUT android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android"> 
 
　　< WEBVIEW android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/webview" /> 
 
　　< /LINEARLAYOUT> 
 
　　Example_webview.java 

Java代碼

　　package cn.coolworks;  
 
　　import java.net.URLEncoder;  
 
　　import android.app.Activity;  
 
　　import android.os.Bundle;  
 
　　import android.webkit.WebView;  
 
　　public class Example_webview extends Activity {  
 
　　WebView webView;  
 
　　final String mimeType = "text/html";  
 
　　final String encoding = "utf-8";  
 
　　/** Called when the activity is first created. */  
 
　　@Override  
 
　　public void onCreate(Bundle savedInstanceState) {  
 
　　super.onCreate(savedInstanceState);  
 
　　setContentView(R.layout.main);  
 
　　webView = (WebView) findViewById(R.id.webview);  
 
　　webView.getSettings().setJavaScriptEnabled(true);  
 
　//  
 
　　//webHtml();  
 
　　//  
 
　　//webImage();  
 
　　//  
 
　　//localHtmlZh();  
 
　　//  
 
　　//localHtmlBlankSpace();  
 
　　//  
 
　　//localHtml();  
 
　　//  
 
　　// localImage();  
 
　　//  
 
　　localHtmlImage();  
 
　　}  
 
　　/**  
 
* 直接網(wǎng)頁顯示  
 
　　*/  
 
　　private void webHtml() {  
 
　　try {  
 
　　webView.loadUrl("http://www.google.com");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 直接網(wǎng)絡(luò)圖片顯示  
 
　　*/  
 
　　private void webImage() {  
 
　　try {  
 
　　webView  
 
　　.loadUrl("http://www.gstatic.com/codesite/ph/images/code_small.png");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 中文顯示  
 
　　*/  
 
　　private void localHtmlZh() {  
 
　　try {  
 
　　String data = "測(cè)試含有 中文的Html數(shù)據(jù)";  
 
　　// utf-8編碼處理(在SDK1.5模擬器和真實(shí)設(shè)備上都將出現(xiàn)亂碼,SDK1.6上能正常顯示)  
 
　　//webView.loadData(data, mimeType, encoding);  
 
　　// 對(duì)數(shù)據(jù)進(jìn)行編碼處理(SDK1.5版本)  
 
　　webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
 
　　encoding);  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 中文顯示(空格的處理)  
 
　　*/  
 
　　private void localHtmlBlankSpace() {  
 
　　try {  
 
　　String data = " 測(cè)試含有空格的Html數(shù)據(jù) ";  
 
　　// 不對(duì)空格做處理  
 
　　webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
 
　　encoding);  
 
　　//webView.loadData(data, mimeType, encoding);  
 
　　// 對(duì)空格做處理(在SDK1.5版本中)  
 
　　webView.loadData(URLEncoder.encode(data, encoding).replaceAll(  
 
　　"\+", " "), mimeType, encoding);  
 
} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 顯示本地圖片文件  
 
　　*/  
 
　　private void localImage() {  
 
　　try {  
 
　　// 本地文件處理(如果文件名中有空格需要用+來替代)  
 
　　webView.loadUrl("file:///android_asset/icon.png");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 顯示本地網(wǎng)頁文件  
 
　　*/  
 
　　private void localHtml() {  
 
　　try {  
 
　　// 本地文件處理(如果文件名中有空格需要用+來替代)  
 
　　webView.loadUrl("file:///android_asset/test.html");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 顯示本地圖片和文字混合的Html內(nèi)容  
 
　　*/  
 
　　private void localHtmlImage() {  
 
　　try {  
 
　　String data = "測(cè)試本地圖片和文字混合顯示,這是APK里的圖片";  
 
　　// SDK1.5本地文件處理(不能顯示圖片)  
 
　　// webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
 
　　// encoding);  
 
　　// SDK1.6及以后版本  
 
　　// webView.loadData(data, mimeType, encoding);  
 
　　// 本地文件處理(能顯示圖片)  
 
　　webView.loadDataWithBaseURL("about:blank", data, mimeType,  
 
　　encoding, "");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　} 

這就是WebView組件的使用詳解，如果您對(duì)WebView組件及Android開發(fā)有什么新的使用心得可以發(fā)Email：zhousn@51cto.com，51CTO將與您一起分享！

【編輯推薦】

1. ******的Android開發(fā)類說明 
2. 對(duì)Android開發(fā)技巧進(jìn)行全解析 
3. 闡述Android開發(fā)過程中的難題 
4. 探索***的Android開發(fā)環(huán)境內(nèi)容 
5. Android開發(fā)中的窗口小部件App Widgets