欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android webview用法实例简析

程序员文章站 2024-02-16 23:40:22
本文简单分析了android webview用法。分享给大家供大家参考,具体如下: 在android手机中内置了一款高性能webkit内核浏览器,在sdk中封装成名为we...

本文简单分析了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程序设计有所帮助。