Android——WebView组件的使用详解

通过本专题的讲解可以了解到WebView组件的详细使用:

网络内容
1、LoadUrl直接显示网页内容（单独显示网络图片）
2、LoadData显示中文网页内容（含空格的处理）
APK包内文件
1、LoadUrl显示APK中Html和图片文件
2、LoadData（loadDataWithBaseURL）显示APK中图片和文字混合的Html内容

res/layout/main.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LINEARLAYOUTandroid:layout_height="fill_parent"android:layout_width="fill_parent"android:orientation="vertical"xmlns:android="http://schemas.android.com/apk/res/android">
<WEBVIEWandroid: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

 

package cn.coolworks;

import java.net.URLEncoder;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

publicclass Example_webview extends Activity {
 WebView webView;
 final String mimeType = "text/html";
 final String encoding = "utf-8";

 /** Called when the activity is first created. */
 @Override
 publicvoid 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();
 }

 /**
 * 直接网页显示
 */
 privatevoid webHtml() {
 try {
 webView.loadUrl("http://www.google.com");
 } catch (Exception ex) {
 ex.printStackTrace();
 }
 }

 /**
 * 直接网络图片显示
 */
 privatevoid webImage() {
 try {
 webView
 .loadUrl("http://www.gstatic.com/codesite/ph/images/code_small.png");
 } catch (Exception ex) {
 ex.printStackTrace();
 }
 }

 /**
 * 中文显示
 */
 privatevoid localHtmlZh() {
 try {
 String data = "<!--l encoding="utf-8" version="1.-->测试含有 中文的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();
 }
 }

 /**
 * 中文显示(空格的处理)
 */
 privatevoid 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();
 }
 }

 /**
 * 显示本地图片文件
 */
 privatevoid localImage() {
 try {
 // 本地文件处理(如果文件名中有空格需要用+来替代)
 webView.loadUrl("file:///android_asset/icon.png");
 } catch (Exception ex) {
 ex.printStackTrace();
 }
 }

 /**
 * 显示本地网页文件
 */
 privatevoid localHtml() {
 try {
 // 本地文件处理(如果文件名中有空格需要用+来替代)
 webView.loadUrl("file:///android_asset/test.html");
 } catch (Exception ex) {
 ex.printStackTrace();
 }
 }

 /**
 * 显示本地图片和文字混合的Html内容
 */
 privatevoid localHtmlImage() {
 try {
 String data = "测试本地图片和文字混合显示,这是<IMG src='\"file:///android_asset/icon.png\"/'>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();
 }
 }
}