Android使用WebView加载本地资源

现在的位置: 首页 > 综合 > 正文

RSS

Android使用WebView加载本地资源

2013年03月26日 ⁄ 综合 ⁄ 共 3724字 ⁄ 字号小中大 ⁄ 评论关闭

public void loadData(String data, String mimeType, String encoding)

则会出现html代码中图片路径不对导致不能正常显示图片（通常是一个白色的固定大小的框，或者没有）

当把路径改为绝对路径加上file://都还无法解决

终于，在网上查资料的时候发现了这个函数，正好解决这个问题

public void loadDataWithBaseURL(String baseUrl, String data, String mimeType,String encoding,String historyUrl)

baseUrl是图片的目录，在html代码中就写关于此目录的相对路径就可以了，哇嘎嘎！~

附带代码解释：

String htmlPath = "file:///mnt/sdcard/test/11.html";

String baseUrl = "file:///mnt/sdcard/test/";

webView.loadDataWithBaseURL(baseUrl, data, "text/html", "utf-8", null);

则两个调用都可以显示正常的html网页了，并且前一种可以对针对不同分辨率大小的屏幕做缩放了！！

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

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

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

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

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

下面来看看代码片段：

Java代码

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