WebView组件的使用详解

最新推荐文章于 2026-02-12 14:50:53 发布

转载最新推荐文章于 2026-02-12 14:50:53 发布 · 1.3k 阅读

文章标签：

#encoding #exception #android #string #layout #html

Android 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍了如何使用Android中的WebView组件加载并显示网页内容、图片及本地HTML文件。包括直接加载网络内容、处理中文显示问题以及加载APK包内的HTML和图片资源。

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

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

res/layout/main.xml

Example_webview.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(datamimeTypeencoding);
			// 对数据进行编码处理(SDK1.5版本)
			 webView.loadData(URLEncoder.encode(dataencoding)mimeType,
			 encoding);
		} catch (Exception ex) {
			ex.printStackTrace();
		}
	}

/**
	 * 中文显示(空格的处理)
	 */
	private void localHtmlBlankSpace() {
		try {
			String data = "      测试含有空格的Html数据    ";
			// 不对空格做处理
			 webView.loadData(URLEncoder.encode(dataencoding)mimeType,
			 encoding);
			//webView.loadData(datamimeTypeencoding);
			// 对空格做处理(在SDK1.5版本中)
			 webView.loadData(URLEncoder.encode(dataencoding).replaceAll(
			 "//+"" ")mimeTypeencoding);
		} 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 = "测试本地图片和文字混合显示,这是<IMG src='/"file:///android_asset/icon.png/"/'>APK里的图片";
			// SDK1.5本地文件处理(不能显示图片)
			// webView.loadData(URLEncoder.encode(dataencoding)mimeType,
			// encoding);
			// SDK1.6及以后版本
			// webView.loadData(datamimeTypeencoding);
			// 本地文件处理(能显示图片)
			webView.loadDataWithBaseURL("about:blank"datamimeType,
					encoding"");
		} catch (Exception ex) {
			ex.printStackTrace();
		}
	}
}

转载： http://panxq0809.javaeye.com/blog/718737