Android webview用法实例简析

时间:2022-12-07 22:26:06

本文简单分析了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基本信息:

 

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

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

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

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

?
1
2
3
4
public boolean shouldOverrideUrlLoading(WebView view,String url) {
 view.loadUrl(url);
 return true;
}

其它部分可重写的方法:

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

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


(2)打开链接前的事件

 

?
1
2
3
4
public boolean shouldOverrideUrlLoading(WebView view, String url) {
 view.loadUrl(url);
 return true;
}

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

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

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

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

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

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

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

?
1
2
3
4
5
6
7
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为透明:

?
1
2
3
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中显示字体的大小

 

?
1
2
3
4
5
6
7
8
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]);

字体大小:

?
1
2
3
4
5
6
7
8
9
10
11
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设置渐变:

 

?
1
2
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形式的文件显示:

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 获取的字符串
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程序设计有所帮助。