WebView的使用

android的WebView组件可以说是相当的强大，现将项目中经常用到的几个功能总结如下：

一、背景设置

[java]  view plain  copy

 print ?

1. WebView.setBackgroundColor(0);//先设置背景色为transparent  
2. WebView.setBackgroundResource(R.drawable.yourImage);//然后设置背景图片  

二、获得WebView网页加载初始化和完成事件
步骤：
1 创建一个自己的WebViewClient（继承 WebViewClient 类）如WebViewClient
2 重载 里面的 onPageFinished（WebView view, String url）方法，（webview加载完成会调用这个方法），这个方法放自己想要做的事情，在webview加载完成以后
3 关联 你自己的webviewclient 与 webview 通过 这个方法:webView.setWebViewClient( new WebViewClient();

[java]  view plain  copy

 print ?

1. mWebView.setWebViewClient(new WebViewClient()  
2. {     
3.  @Override  
4. public void onPageFinished(WebView view, String url)   
5. {  
6. //结束  
7. super.onPageFinished(view, url);  
8. }  
9.   @Override  
10.   public void onPageStarted(WebView view, String url, Bitmap favicon)   
11.   {  
12.   //开始  
13.   super.onPageStarted(view, url, favicon);  
14.   }  
15. });  

如果需要监视加载进度的，需要创建一个自己的WebChromeClient类，并重载方法onProgressChanged，再webview.setWebChromeClient(new MyWebChromeClient())即可:

[java]  view plain  copy

 print ?

1. class MyWebChromeClient extends WebChromeClient {  
2. @Override  
3. public void onProgressChanged(WebView view, int newProgress) {  
4. // TODO Auto-generated method stub  
5. super.onProgressChanged(view, newProgress);  
6. }  
7. }  
8. 例如：  
9. public class WebPageLoader extends Activity {  
10.     final Activity activity = this;  
11.   
12.   
13.     @Override  
14.     public void onCreate(Bundle savedInstanceState) {  
15.         super.onCreate(savedInstanceState);  
16.         this.getWindow().requestFeature(Window.FEATURE_PROGRESS);  
17.         setContentView(R.layout.main);  
18.         WebView webView = (WebView) findViewById(R.id.webView);  
19.         webView.getSettings().setJavaScriptEnabled(true);  
20.         webView.getSettings().setSupportZoom(true);  
21.         webView.setWebChromeClient(new WebChromeClient() {  
22.             public void onProgressChanged(WebView view, int progress) {  
23.                 activity.setTitle("Loading...");  
24.                 activity.setProgress(progress * 100);  
25.                 if (progress == 100)  
26.                     activity.setTitle(R.string.app_name);  
27.             }  
28.         });  
29.         webView.setWebViewClient(new WebViewClient() {  
30.             public void onReceivedError(WebView view, int errorCode,  
31.                     String description, String failingUrl) { // Handle the error  
32.             }  
33.   
34.   
35.             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
36.                 view.loadUrl(url);  
37.                 return true;  
38.             }  
39.         });  
40.         webView.loadUrl("http://www.sohu.com");  
41.     }  
42. }  

布局文件：

[html]  view plain  copy

 print ?

1. <?xml version="1.0" encoding="utf-8"?>   
2. <WebView xmlns:android="http://schemas.android.com/apk/res/android"   
3. android:id="@+id/webView" android:layout_width="fill_parent"   
4. android:layout_height="fill_parent" />   

要注意的是,其中的webView的一系列用法,比如 webView.getSettings().setJavaScriptEnabled(true);设置可以使用javscript; 
webView.getSettings().setJavaScriptEnabled(true);   
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);   
webView.setHorizontalScrollBarEnabled(false);   
webView.getSettings().setSupportZoom(true);   
webView.getSettings().setBuiltInZoomControls(true);   
webView.setInitialScale(70);   
webView.setHorizontalScrollbarOverlay(true);  
等等,具体参考API 
而进度条的使用是在new出一个setWebChromeClient后,可以在内部类中写 
onProgressChanged事件 


总结：
在WebView的设计中，不是什么事都要WebView类干的，有些杂事是分给其他人的，这样WebView专心干好自己的解析、渲染工作就行了。WebViewClient就是帮助WebView处理各种通知、请求事件的，具体来说包括： 
  onLoadResource 
  onPageStart 
  onPageFinish 
  onReceiveError 
  onReceivedHttpAuthRequest 

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等 
  onCloseWindow(关闭WebView) 
  onCreateWindow() 
  onJsAlert (WebView上alert是弹不出来东西的，需要定制你的WebChromeClient处理弹出) 
  onJsPrompt 
  onJsConfirm 
  onProgressChanged 
  onReceivedIcon 
  onReceivedTitle 

关于 对javascript的强大支持，这里先不阐述，搭建可以参考http://www.iteye.com/topic/376674 http://hi.baidu.com/crabzzz/blog/item/7e5545cbbb878990c91768d5.html