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", "");

更多相关文章

随机推荐