Android——WebView组件的使用详解

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

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

 

<?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();

　　}

　　}

　　}