您的位置:首页 > 移动开发

Android使用WebView加载本地资源

2013-04-25 21:42 447 查看


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

}

}

}

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



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

记住:显示本地文件时 必须使用APK'>file:/// 作为前缀。

转自:http://hi.baidu.com/455611934/blog/item/027ffe5d17d8a652faf2c02c.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: