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