Android webview用法实例简析

所属分类: 软件编程 / Android 阅读数: 1425
收藏 0 赞 0 分享

本文简单分析了Android webview用法。分享给大家供大家参考,具体如下:

在Android手机中内置了一款高性能webkit内核浏览器,在SDK中封装成名为WebView的组件。

WebView使用:

(1)添加权限:AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
(2)在要Activity中生成一个WebView组件:

复制代码 代码如下:
WebView webView = new WebView(this);

(3)设置WebView基本信息:

webview.getSettings().setJavaScriptEnabled(true);// 设置支持Javascript
requestFocus();// 触摸焦点起作用
setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);// 取消滚动条

(4)设置WevView要显示的网页:

webView.loadUrl("http://www.google.com");// 互联网
webView.loadUrl("file:///android_asset/XX.html");// 本地文件,本地文件存放在:assets文件中

(5)如果希望点击链接不打开Android的系统browser中响应,则需要给WebView添加一个事件监听并重写shouldOverrideUrlLoading方法。

public boolean shouldOverrideUrlLoading(WebView view,String url) {
 view.loadUrl(url);
 return true;
}

其它部分可重写的方法:

(1)接收到Http请求的事件

复制代码 代码如下:
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)

(2)打开链接前的事件

public boolean shouldOverrideUrlLoading(WebView view, String url) {
 view.loadUrl(url);
 return true;
}

(3)载入页面完成的事件

public void onPageFinished(WebView view, String url) {
}

(4)载入页面开始的事件

public void onPageStarted(WebView view, String url, Bitmap favicon) {
}

这个事件就是开始载入页面调用的,通常我们可以在这设定一个loading的页面,告诉用户程序在等待网络响应。

一、如果用WebView点链接看了很多页以后,如果不做任何处理,点击系统返回(Back)键,整个浏览器会调用finish()方法而结束自身,如果希望浏览的网页回退而不是退出浏览器,需要在当前Activity中处理并消费掉该Back事件。

覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。

public boolean onKeyDown(int keyCode,KeyEvent event){
 if(webView.canGoBack() && keyCode == KeyEvent.KEYCODE_BACK){
  webview.goBack();// goBack()表示返回webView的上一页面
  return true;
 }
 return false;
}

二、loadData()和loadDataWithBaseURL()使用的区别

loadData()中的html data中不能包含'#', '%', '\', '?'四中特殊字符,出现这种字符就会出现解析错误,显示找不到网页还有部分html代码。

处理方法:我们需要用UrlEncoder编码为%23, %25, %27, %3f 。 可以使用以下两种代码,data为string类型的html代码 (1)webView.loadData(URLEncoder.encode(data, "utf-8"), "text/html", "utf-8"); (2)webView.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);

WebView相关属性:

(1)设置WebView为透明:

android:background="#00000000"
android:cacheColorHint="#00000000"
WebView.setBackgroundColor(0);

(2)WebView 显示sd卡图片:

复制代码 代码如下:
webView.loadDataWithBaseURL(null, "", "text/html" , "utf-8", null);

(3)WebView显示字符串
复制代码 代码如下:
webView.loadDataWithBaseURL("", "", "text/html", "utf-8", "");

(4)设置WebView中显示字体的大小

public static final TextSize[] FONT_SIZES = new TextSize[] {
 TextSize.SMALLER,
 TextSize.NORMAL,
 TextSize.LARGER
};
private WebSettings wb;
wb = mWebViewRightContent.getSettings();
wb.setTextSize(FONT_SIZES[iFontSizeId]);

字体大小:

public enum TextSize {
 SMALLEST(50),
 SMALLER(75),
 NORMAL(100),
 LARGER(150),
 LARGEST(200);
 TextSize(int size) {
 value = size;
 }
 int value;
}

(5)WebView显示html文件时,若要达到和PC上浏览器显示的效果完全一样,只需对WebView做一下设置即可:

适应全屏
39 适应竖屏
57 适应横屏

复制代码 代码如下:
mWebView.setInitialScale(39);

注意的是:html如果字体太小则在Android手机上显示的就很小。一般为6、7号字体。
(6)WebView设置渐变:

android:fadingEdge="vertical"
android:fadingEdgeLength="20px" <!-- (垂直方向,上下渐变区域为20px)-->

(7)设置WebView可触摸放大缩小:

复制代码 代码如下:
mWebView.getSettings().setBuiltInZoomControls(true);

(8)WebView双击变大,再双击后变小,当手动放大后,双击可以恢复到原始大小,如下设置:
复制代码 代码如下:
webView.getSettings().setUseWideViewPort(true);

(9)几种加速WebView加载的方法,提高渲染的优先级
复制代码 代码如下:
webView.getSettings().setRenderPriority(RenderPriority.HIGH);

使用
复制代码 代码如下:
webView.getSettings().setBlockNetworkImage
把图片加载放在最后来加载渲染
复制代码 代码如下:
webView.getSettings().setBlockNetworkImage(true);

(10)将字符串转换成HTML形式的文件显示:

// 获取的字符串
String sDetails = cursor.getString(cursor.getColumnIndex("sChinese"));
// 按行截取字符串,将其存放在数组中
String[] str = sDetails.split("\n");
String s1 = "";
// 遍历数组进行判断,如果条件成立,就添加设定的css样式
for (int i = 0;i < str.length;i ++) {
 if (str[i].trim().startsWith("vt.")) {
  str[i] = "<h3 style=\"font-size:10px; color:#000; background:#FCFCFC; padding:3px 5px;\">" + str[i] + "<h3>" + "\n";
 } else if (getMark(str[i].trim())) {
  str[i] = "<h4 style=\"font-size:10px; color:#F60; font-weight:normal;\">" + str[i] + "</h4>" + "\n";
 } else if (str[i].trim().startsWith("〖")) {
  str[i] = "<span style=\"color:#333; font-size:10px; color:#F60\">" + str[i] + "</span>" + "\n";
 } else {
  str[i] = "<p style=\"line-height:16px; font-size:10px;color:#666;\">" + str[i] + "</p>" + "\n";
 }
 // 将修改后的字符串拼接起来
 s1 += str[i];
}
// 用WebView将字符串以HTML的形式显示出来
webView.loadDataWithBaseURL("fake://not/needed", s1, "text/html", "utf-8", "");

希望本文所述对大家Android程序设计有所帮助。

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多