Android开发之WebView组件的使用详解-android system webview更新

51CTO曾经独家推荐过Android开发应用详解的专题，本文希望通过本次对WebView组件的使用讲解，可以让各位了解到WebView组件的详细使用：

网络内容

1、LoadUrl直接显示网页内容(单独显示网络图片)

2、LoadData显示中文网页内容(含空格的处理)

APK包内文件

1、LoadUrl显示APK中Html和图片文件

2、LoadData(loadDataWithBaseURL)显示APK中图片和文字混合的Html内容

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();  
 
　　}  
 
　　/**  
 
* 直接网页显示  
 
　　*/  
 
　　private void webHtml() {  
 
　　try {  
 
　　webView.loadUrl("http://www.google.com");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 直接网络图片显示  
 
　　*/  
 
　　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 = "测试含有 中文的Html数据";  
 
　　// utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)  
 
　　//webView.loadData(data, mimeType, encoding);  
 
　　// 对数据进行编码处理(SDK1.5版本)  
 
　　webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
 
　　encoding);  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 中文显示(空格的处理)  
 
　　*/  
 
　　private void localHtmlBlankSpace() {  
 
　　try {  
 
　　String data = " 测试含有空格的Html数据 ";  
 
　　// 不对空格做处理  
 
　　webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
 
　　encoding);  
 
　　//webView.loadData(data, mimeType, encoding);  
 
　　// 对空格做处理(在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();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 显示本地网页文件  
 
　　*/  
 
　　private void localHtml() {  
 
　　try {  
 
　　// 本地文件处理(如果文件名中有空格需要用+来替代)  
 
　　webView.loadUrl("file:///android_asset/test.html");  
 
　　} catch (Exception ex) {  
 
　　ex.printStackTrace();  
 
　　}  
 
　　}  
 
　　/**  
 
　　* 显示本地图片和文字混合的Html内容  
 
　　*/  
 
　　private void localHtmlImage() {  
 
　　try {  
 
　　String data = "测试本地图片和文字混合显示,这是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组件的使用详解，如果您对WebView组件及Android开发有什么新的使用心得可以发Email：zhousn@51cto.com，51CTO将与您一起分享！

【编辑推荐】