android使用webView加载本地资源 -

kushu1989

浏览: 18916 次
性别:
来自: 深圳

最近访客更多访客>>

konnysnow

niejiangmin123

tangzongyun

1518189336

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

android使用webView加载本地资源

博客分类：

android

在网上看了许多关于WebView 的例子。但当自己做起来时，总是有些差别，是另一种体会。这节我就以模拟器为2.1 为例来讲。

   WebView 主要调用三个方法：LoadUrl、LoadData、LoadDataWithBaseURL。

     1、LoadUrl        直接加载网页、图片并显示。（本地或是网络上的网页、图片、gif）

     2、LoadData     显示文字与图片内容（模拟器1.5、1.6）

     3、LoadDataWithBase 显示文字与图片内容（支持多个模拟器版本）

下面来看看代码片段：

Java代码
1.package com.webviewdemo;
2.
3.import java.net.URLEncoder;
4.import android.app.Activity;
5.import android.os.Bundle;
6.import android.webkit.WebView;
7.
8.public class WebViewDemo extends Activity {
9.
10. private WebView     MyWebView;
11. static final String mimeType = "text/html";
12. static final String encoding = "utf-8";
13.
14. /** Called when the activity is first created. */
15. @Override
16. public void onCreate(Bundle savedInstanceState) {
17.    super.onCreate(savedInstanceState);
18.    setContentView(R.layout.main);
19.    //
20.    MyWebView = (WebView) findViewById(R.id.MyWebview);
21.    // this.webHtml();
22.    // this.webImage();
23.    // this.localHtmlZh();
24.    // this.localImage();
25.    // this.localHtml();
26.    this.localHtmlImage();
27. }
28.
29. /**
30.   * 直接网页显示
31.   */
32. private void webHtml() {
33.
34.    try {
35.      MyWebView.loadUrl("http://www.google.com");
36.    } catch (Exception ex) {
37.      ex.printStackTrace();
38.    }
39. }
40.
41. /**
42.   * 直接网络图片显示
43.   */
44. private void webImage() {
45.    try {
46.      MyWebView .loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");
47.    } catch (Exception ex) {
48.      ex.printStackTrace();
49.    }
50. }
51.
52. /**
53.   * 中文显示
54.   */
55. private void localHtmlZh() {
56.    try {
57.      String data = "<html>在模拟器 2.1 上测试</html>";
58.      // utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)
59.      // MyWebView.loadData(data, mimeType, encoding);
60.      // 对数据进行编码处理(SDK1.5版本)
61.      MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);
62.      // MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);
63.
64.    } catch (Exception ex) {
65.      ex.printStackTrace();
66.    }
67. }
68.
69. /**
70.   * 显示本地图片文件
71.   */
72. private void localImage() {
73.    try {
74.      // 本地文件处理
75.      String str = "file:///android_asset/icon.png";
76.      MyWebView.loadUrl(str);
77.    } catch (Exception ex) {
78.      ex.printStackTrace();
79.    }
80. }
81.
82. /**
83.   * 显示本地网页文件
84.   */
85. private void localHtml() {
86.    try {
87.      // 本地文件处理(如果文件名中有空格需要用+来替代)
88.      MyWebView.loadUrl("file:///android_asset/test.html");
89.    } catch (Exception ex) {
90.      ex.printStackTrace();
91.    }
92. }
93.
94. /**
95.   * 显示本地图片和文字混合的Html内容
96.   */
97. private void localHtmlImage() {
98.    try {
99.      String data = "<HTML>在模拟器 2.1 上测试,这是<IMG src=\"APK'>file:///android_asset/igg.jpg\"/>APK里的图片";
100.      // SDK1.5本地文件处理(不能显示图片)
101.      //MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);
102.      // SDK1.6及以后版本
103.      //MyWebView.loadData(data, mimeType, encoding);
104.      // 本地文件处理(能显示图片)
105.      MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);
106.    } catch (Exception ex) {
107.      ex.printStackTrace();
108.    }
109. }
110.}
package com.webviewdemo;

import java.net.URLEncoder;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class WebViewDemo extends Activity {

private WebView     MyWebView;
static final String mimeType = "text/html";
static 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);
    //
    MyWebView = (WebView) findViewById(R.id.MyWebview);
    // this.webHtml();
    // this.webImage();
    // this.localHtmlZh();
    // this.localImage();
    // this.localHtml();
    this.localHtmlImage();
}

/**
   * 直接网页显示
   */
private void webHtml() {

    try {
      MyWebView.loadUrl("http://www.google.com");
    } catch (Exception ex) {
      ex.printStackTrace();
    }
}

/**
   * 直接网络图片显示
   */
private void webImage() {
    try {
      MyWebView .loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");
    } catch (Exception ex) {
      ex.printStackTrace();
    }
}

/**
   * 中文显示
   */
private void localHtmlZh() {
    try {
      String data = "<html>在模拟器 2.1 上测试</html>";
      // utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)
      // MyWebView.loadData(data, mimeType, encoding);
      // 对数据进行编码处理(SDK1.5版本)
      MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);
      // MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);

    } catch (Exception ex) {
      ex.printStackTrace();
    }
}

/**
   * 显示本地图片文件
   */
private void localImage() {
    try {
      // 本地文件处理
      String str = "file:///android_asset/icon.png";
      MyWebView.loadUrl(str);
    } catch (Exception ex) {
      ex.printStackTrace();
    }
}

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

/**
   * 显示本地图片和文字混合的Html内容
   */
private void localHtmlImage() {
    try {
      String data = "<HTML>在模拟器 2.1 上测试,这是<IMG src=\"APK'>file:///android_asset/igg.jpg\"/>APK里的图片";
      // SDK1.5本地文件处理(不能显示图片)
      //MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);
      // SDK1.6及以后版本
      //MyWebView.loadData(data, mimeType, encoding);
      // 本地文件处理(能显示图片)
      MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);
    } catch (Exception ex) {
      ex.printStackTrace();
    }
}
}

运行 localHtmlImage(...) 这个方法的结果：

在上面的所有方法中，模拟器2.1下调用 LoadData 方法总是出现乱码。我想应该是2.1已经不在用它了吧。直接用LoadDataWithBaseURL 方法最简单，不再牵涉编码的转换。

分享到：