android用WebView显示包含文字和图片的本地网页（支持放大缩小）

前言

在android的实际开发中有时候我们需要将文字和图片一起显示，可以用TextView和ImageView的组合来实现，其实用网页显示更容易，本文介绍android显示含有图片和文字的本地网页html，hml的方法，并支持放大缩小。

注：本文demo源码下载地址：http://download.csdn.net/detail/dxzysk/5788093

一、效果图

Demo制作的网页显示效果如下图所示：





界面不是很漂亮，大家按照需要修改一下

二、部分代码

package nishik.ncc.html;

import java.io.InputStream;

import nishik.ncc.html.R;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings.LayoutAlgorithm;
import android.webkit.WebView;

/**
* Description:
* <br/>site: <a href="http://www.crazyit.org">crazyit.org</a>
* <br/>Copyright (C), 2001-2012, Yeeku.H.Lee
* <br/>This program is protected by copyright laws.
* <br/>Program Name:
* <br/>Date:
* @author  Yeeku.H.Lee kongyeeku@163.com
* @version  1.0
*/
public class ViewHtml extends Activity
{
WebView wvShow;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 获取程序中的WebView组件
wvShow = (WebView) findViewById(R.id.show);

try {
//			wvShow.loadDataWithBaseURL(null, readText()
//			, "text/html" , "utf-8", null);
//wvShow.loadUrl("/assets/help/main1.htm");
wvShow.loadUrl("file:///android_asset/help/2008.htm");
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
wvShow.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
wvShow.getSettings().setSupportZoom(true);
wvShow.getSettings().setBuiltInZoomControls(true);
}
public String readText() throws Exception
{
//InputStream is = this.getClass()
//		.getResourceAsStream("/assets/text.txt");
//InputStream is = getAssets().open("main1.htm");

//InputStream is = getAssets().open("main1001.htm");
InputStream is = this.getClass()
.getResourceAsStream("/assets/help/main1.htm");

int index = is.available();
byte data[] = new byte[index];
is.read(data);
return new String(data, "UTF-8");
}
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<WebView
android:id="@+id/show"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</LinearLayout>