当前位置: 移动技术网 > 移动技术>移动开发>Android > Android webview用法实例简析

Android webview用法实例简析

2019年07月24日  | 移动技术网移动技术  | 我要评论

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网