WebView使用詳解——WebViewClient與常用事件監聽

Zzq_Big_Cow發表於2017-07-04

一、WebViewClient

1、概述

前面我們雖然實現了互動,但可能我們會有一個很簡單的需求,就是在開始載入網頁的時候顯示進度條,載入結束以後隱藏進度條,這要怎麼做? 
這些簡單的需求,Android開發的老人們肯定都已經想到了,這些有關各種事件的回撥都被封裝在WebViewClient類中了,在WebViewClient中有各種的回撥方法,就是在某個事件發生時供我們監聽 
使用方法如下:

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onPageStarted(WebView view, String url, Bitmap favicon) {  
  4.         super.onPageStarted(view, url, favicon);  
  5.         Log.d(TAG,"onPageStarted");  
  6.     }  
  7.   
  8.     @Override  
  9.     public void onPageFinished(WebView view, String url) {  
  10.         super.onPageFinished(view, url);  
  11.         Log.d(TAG,"onPageFinished");  
  12.     }  
  13. });  
直接呼叫WebView.setWebViewClient方法即可設定WebViewClient回撥,這裡重寫的兩個函式,onPageStarted會在WebView開始載入網頁時呼叫,onPageFinished會在載入結束時呼叫。這兩個函式就可以完成我們開篇時的需求:在開始載入時顯示進度條,在結束載入時隱藏進度條。

2、WebViewClient中函式概述

在WebViewClient中除了上面我們列舉出的onPageStarted、onPageFinished還有很多其它函式,分別是:
[java] view plain copy
  1. /** 
  2.  * 在開始載入網頁時會回撥 
  3.  */  
  4. public void onPageStarted(WebView view, String url, Bitmap favicon)   
  5. /** 
  6.  * 在結束載入網頁時會回撥 
  7.  */  
  8. public void onPageFinished(WebView view, String url)  
  9. /** 
  10.  * 攔截 url 跳轉,在裡邊新增點選連結跳轉或者操作 
  11.  */  
  12. public boolean shouldOverrideUrlLoading(WebView view, String url)  
  13. /** 
  14.  * 載入錯誤的時候會回撥,在其中可做錯誤處理,比如再請求載入一次,或者提示404的錯誤頁面 
  15.  */  
  16. public void onReceivedError(WebView view, int errorCode,String description, String failingUrl)  
  17. /** 
  18.  * 當接收到https錯誤時,會回撥此函式,在其中可以做錯誤處理 
  19.  */  
  20. public void onReceivedSslError(WebView view, SslErrorHandler handler,SslError error)  
  21. /** 
  22.  * 在每一次請求資源時,都會通過這個函式來回撥 
  23.  */  
  24. public WebResourceResponse shouldInterceptRequest(WebView view,  
  25.         String url) {  
  26.     return null;  
  27. }  
上面的方法比較多,我們一個個來看

3、WebViewClient之onPageStarted與onPageFinished

onPageStarted:通知主程式頁面當前開始載入。該方法只有在載入main frame時載入一次,如果一個頁面有多個frame,onPageStarted只在載入main frame時呼叫一次。也意味著若內建frame發生變化,onPageStarted不會被呼叫,如:在iframe中開啟url連結。 
onPageFinished:通知主程式頁面載入結束。方法只被main frame呼叫一次。 
我們就利用上面的想法來舉個例子:開始載入時顯示載入圓圈,結束載入時隱藏載入圓圈
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.loadUrl("http://blog.csdn.net/harvic880925");  
  16.         mWebView.setWebViewClient(new WebViewClient(){  
  17.   
  18.             @Override  
  19.             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  20.                 mWebView.loadUrl(url);  
  21.                 return true;  
  22.             }  
  23.   
  24.             @Override  
  25.             public void onPageStarted(WebView view, String url, Bitmap favicon) {  
  26.                 super.onPageStarted(view, url, favicon);  
  27.                 mProgressDialog.show();  
  28.             }  
  29.   
  30.             @Override  
  31.             public void onPageFinished(WebView view, String url) {  
  32.                 super.onPageFinished(view, url);  
  33.                 mProgressDialog.hide();  
  34.             }  
  35.         });  
  36.     }  
  37. }  
效果圖如下:

從效果圖中可以明顯看出,在載入頁面的時候會顯示圓形載入框,在載入成功以後會隱藏載入框。

4、WebViewClient之shouldOverrideUrlLoading

該函式的完整宣告如下:

[java] view plain copy
  1. public boolean shouldOverrideUrlLoading(WebView view, String url)  
這個函式會在載入超連結時回撥過來;所以通過重寫shouldOverrideUrlLoading,可以實現對網頁中超連結的攔截; 
返回值是boolean型別,表示是否遮蔽WebView繼續載入URL的預設行為,因為這個函式是WebView載入URL前回撥的,所以如果我們return true,則WebView接下來就不會再載入這個URL了,所有處理都需要在WebView中操作,包含載入。如果我們return false,則系統就認為上層沒有做處理,接下來還是會繼續載入這個URL的。WebViewClient預設就是return false的:
[java] view plain copy
  1. public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  2.        return false;  
  3. }  

(1)、如何在WebView中載入線上網址

在上一篇中,我們提到,如果要在WebView中載入線上網址,必須重寫WebViewClient 
現在網上鋪天蓋地的都是重寫shouldOverrideUrlLoading來將URL載入進WebView,但在用多了WebView以後會發現,直接下面這樣寫,就可以實現在WebVIew中載入網頁:
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.setWebViewClient(new WebViewClient());  
  16.   
  17.         mWebView.loadUrl("http://blog.csdn.net/harvic880925");  
  18.     }  
  19. }  
效果圖如下:

從效果圖中可以看出即僅僅設定WebViewClient物件,使用它的預設回撥就可以實現在WebView中載入線上URL了:

[plain] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient());  

(2)、shouldOverrideUrlLoading用途

由於每次超連結在載入前都會先走shouldOverrideUrlLoading回撥,所以我們如果想攔截某個URL,將其轉換成其它URL可以在這裡做。 
比如,我們攔截所有包含“blog.csdn.net”的地址,將其替換成”www.baidu.com”: 
效果圖如下:

程式碼如下:

[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.setWebViewClient(new WebViewClient(){  
  16.             @Override  
  17.             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  18.                 if (url.contains("blog.csdn.net")){  
  19.                     view.loadUrl("http://www.baidu.com");  
  20.                 }else {  
  21.                     view.loadUrl(url);  
  22.                 }  
  23.                 return true;  
  24.             }  
  25.         });  
  26.   
  27.         mWebView.loadUrl("http://blog.csdn.net/harvic880925");  
  28.     }  
  29. }  
最關鍵的位置在:
[java] view plain copy
  1. public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  2.    if (url.contains("blog.csdn.net")){  
  3.         view.loadUrl("http://www.baidu.com");  
  4.     }else {  
  5.         view.loadUrl(url);  
  6.     }  
  7.    return true;  
  8. }  
如果在當前webview載入的url中包含“blog.csdn.net”,則將其轉換成”www.baidu.com” 
這裡需要非常注意的是:如果我們在shouldOverrideUrlLoading中return true,就表示告訴系統我們已經攔截了URL並做處理,不需要再觸發系統預設的行為()在WebView中載入URL;所以對於其它URL我們需要在else裡重新呼叫view.loadUrl(url)來載入;不然WebView將會白屏,因為這個URL根本就沒有載入進WebView,在shouldOverrideUrlLoading這就被我們攔截掉了。 
那麼問題來了,在我們return true了以後,WebView還會請求網路嗎?我們來抓下請求:

從請求中可以看到,我們雖然攔截了”http://blog.csdn.net/harvic880925“但是仍然還是會請求網路的。只是請求以後結果並沒有通過WebView載入。 
那問題來了,如果我們return false呢,如果我們return false的話,是不需要else語句的,因為系統預設會載入這個URL,所以上面的語句與下面的意義相等:

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  4.         if (url.contains("blog.csdn.net")){  
  5.             view.loadUrl("http://www.baidu.com");  
  6.         }  
  7.         return false;  
  8.     }  
  9. }      
所以相對而言,我們使用return false好像更方便,只需要對需要攔截的URL進行攔截,攔截以後,讓WebView處理預設操作即可。 
所以結論來了:
在利用shouldOverrideUrlLoading來攔截URL時,如果return true,則會遮蔽系統預設的顯示URL結果的行為,不需要處理的URL也需要呼叫loadUrl()來載入進WebVIew,不然就會出現白屏;如果return false,則系統預設的載入URL行為是不會被遮蔽的,所以一般建議大家return false,我們只關心我們關心的攔截內容,對於不攔截的內容,讓系統自己來處理即可。

5、WebViewClient之onReceivedError

onReceivedError的完整宣告如下:

[java] view plain copy
  1. public void onReceivedError(WebView view, int errorCode,String description, String failingUrl)  
載入錯誤的時候會產生這個回撥,在其中可做錯誤處理,比如我們可以載入一個錯誤提示頁面 
這裡有四個引數:
  • WebView view:當前的WebView例項
  • int errorCode:錯誤碼
  • String description:錯誤描述
  • String failingUrl:當前出錯的URL
我們可以先寫一個錯誤提示的本地頁面:(error.html)
[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6. </head>  
  7. <body>  
  8.     <h1 id="h">啊哈,出錯了……</h1>  
  9. </body>  
  10. </html>  
然後在載入返回錯誤時,重新載入錯誤頁面
[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {  
  4.         super.onReceivedError(view, errorCode, description, failingUrl);  
  5.         mWebView.loadUrl("file:///android_asset/error.html");  
  6.     }  
  7. });  
效果圖如下:

原始碼在文章底部給出

6、WebViewClient之onReceivedSslError

我們知道HTTPS協議是通過SSL來通訊的,所以當使用HTTPS通訊的網址(以https://開頭的網站)出現錯誤時,就會通過onReceivedSslError回撥通知過來,它的函式宣告為:

[java] view plain copy
  1. /** 
  2.  * 當接收到https錯誤時,會回撥此函式,在其中可以做錯誤處理 
  3.  */  
  4. public void onReceivedSslError(WebView view, SslErrorHandler handler,SslError error)  
  • WebView view:當前的WebView例項
  • SslErrorHandler handler:當前處理錯誤的Handler,它只有兩個函式SslErrorHandler.proceed()和SslErrorHandler.cancel(),SslErrorHandler.proceed()表示忽略錯誤繼續載入,SslErrorHandler.cancel()表示取消載入。在onReceivedSslError的預設實現中是使用的SslErrorHandler.cancel()來取消載入,所以一旦出來SSL錯誤,HTTPS網站就會被取消載入了,如果想忽略錯誤繼續載入就只有重寫onReceivedSslError,並在其中呼叫SslErrorHandler.proceed()
  • SslError error:當前的的錯誤物件,SslError包含了當前SSL錯誤的基本所有資訊,大家自己去看下它的方法吧,這裡就不再展開了。

示例(1)、預設載入SSL出錯的網站——出現空白頁面

我們先舉個例子來看下預設情況下載入SSL有錯的網站,WebView的表現是怎樣的:(12306是通過Https協議來傳輸的,但是它的SSL證照是有問題的,所以我們就以12306網站為例)
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.setWebViewClient(new WebViewClient(){  
  16.             @Override  
  17.             public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {  
  18.                 super.onReceivedSslError(view, handler, error);  
  19.                 Log.e(TAG,"sslError:"+error.toString());  
  20.             }  
  21.   
  22.         mWebView.loadUrl("https://www.12306.cn/");  
  23.     }  
  24. }  
在這裡僅僅重寫onReceivedSslError,並呼叫super.onReceivedSslError(view, handler, error);來呼叫預設的處理方式,然後把錯誤日誌打出來:

錯誤日誌如下:


示例(2)、使用SslErrorHandler.proceed()來繼續載入

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {  
  4. //      一定要註釋掉!      
  5. //      super.onReceivedSslError(view, handler, error);  
  6.         handler.proceed();  
  7.         Log.e(TAG,"sslError:"+error.toString());  
  8.     }  
  9. });  
這裡做了兩個改變: 
第一:註釋掉super.onReceivedSslError(view, handler, error);,取消系統的預設行為,我們看原始碼,可以發現在WebViewClient中onReceivedSslError的預設實現是這樣的:
[java] view plain copy
  1. public void onReceivedSslError(WebView view, SslErrorHandler handler,  
  2.         SslError error) {  
  3.     handler.cancel();  
  4. }  
所以預設是取消繼續載入的,所以我們必須註釋掉super.onReceivedSslError(view, handler, error)來取消這個預設行為! 
第二:呼叫handler.proceed();來忽略錯誤繼續載入頁面。 
所以此時的效果圖為:

示例(3):在SSL發生錯誤時,onReceivedError會被回撥嗎?——不會

大家可能還有一個疑問:當SSL發生錯誤時,我們說會回撥onReceivedSslError,我們前面還說了一個出錯時會回撥的函式:onReceivedError,那麼問題來了,當出現SSL錯誤時onReceivedError會被回撥嗎? 
答案是不會的,我們來做個實驗:

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {  
  4. //                super.onReceivedSslError(view, handler, error);  
  5.         handler.proceed();  
  6.         Log.e(TAG,"sslError:"+error.toString());  
  7.     }  
  8.   
  9.     @Override  
  10.     public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {  
  11.         super.onReceivedError(view, errorCode, description, failingUrl);  
  12.         Log.e(TAG,"onReceivedError:"+errorCode+"  "+description);  
  13.     }  
  14. });  

在程式碼中我們同時使用onReceivedSslError和onReceivedError來接收錯誤,看下在出錯時,哪個函式中會打出LOG,結果的日誌如下:


從日誌中明顯可以看出,只有onReceivedSslError的接收日誌,所以在SSL出錯時,是不會觸發onReceivedError回撥的
所以對於onReceivedSslError結論來了:
當出現SSL錯誤時,WebView預設是取消載入當前頁面,只有去掉onReceivedSslError的預設操作,然後新增SslErrorHandler.proceed()才能繼續載入出錯頁面
當HTTPS傳輸出現SSL錯誤時,錯誤會只通過onReceivedSslError回撥傳過來

7、WebViewClient之shouldInterceptRequest

在每一次請求資源時,都會通過這個函式來回撥,比如超連結、JS檔案、CSS檔案、圖片等,也就是說瀏覽器中每一次請求資源時,都會回撥回來,無論任何資源!但是必須注意的是shouldInterceptRequest函式是在非UI執行緒中執行的,在其中不能直接做UI操作,如果需要做UI操作,則需要利用Handler來實現,該函式宣告如下:

[java] view plain copy
  1. public WebResourceResponse shouldInterceptRequest(WebView view,  
  2.         String url) {  
  3.     return null;  
  4. }  
該函式會在請求資源前呼叫,我們可以通過返回WebResourceResponse的處理結果來讓WebView直接使用我們的處理結果。如果我們不想處理,則直接返回null,系統會繼續載入該資源。 
利用這個特性,我們可以解決一個需求:假如網頁中需要載入本地的圖片,我們就可以通過攔截shouldInterceptRequest,並返回結果即可 
比如下面的一段HTML程式碼中,img欄位載入圖片的地址是:http://localhost/qijian.png,這是我自定義的一個網址,在Android中,當發現要載入這個地址的資源時,我們將它換成本地的圖片
[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6. </head>  
  7. <body>  
  8.     <h1 id="h">歡迎光臨啟艦的blog</h1>  
  9.     <img src="http://localhost/qijian.png"/>  
  10. </body>  
  11. </html>  
然後是Native程式碼:
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.   
  16.         mWebView.setWebViewClient(new WebViewClient(){  
  17.             @Override  
  18.             public WebResourceResponse shouldInterceptRequest(WebView view, String url) {  
  19.                 try {  
  20.                     if (url.equals("http://localhost/qijian.png")) {  
  21.                         AssetFileDescriptor fileDescriptor =  getAssets().openFd("s07.jpg");  
  22.                         InputStream stream = fileDescriptor.createInputStream();  
  23.                         WebResourceResponse response = new WebResourceResponse("image/png""UTF-8", stream);  
  24.                         return response;  
  25.                     }  
  26.                 }catch (Exception e){  
  27.                     Log.e(TAG,e.getMessage());  
  28.                 }  
  29.                 return super.shouldInterceptRequest(view, url);  
  30.             }  
  31.         });  
  32.   
  33.         mWebView.loadUrl("file:///android_asset/web.html");  
  34. }          
這裡程式碼比較容易理解,當發現當前載入資源的url是我們自定義的http://localhost/qijian.png時,就直接將本地的圖片s07.jpg作為結果返回。有關使用WebResourceResponse來構造結果的方法,我這裡就不再展開了,內容實在是太多了,想具體瞭解針對不同情況如何返回結果的話,自己搜下相關資料吧。 
結果圖如下:

7、WebViewClient之其餘函式

上面講了常用的大部分函式,還些一些函式,並不怎麼用,這裡由於篇幅有限就不再講了,把函式宣告和作用列出來供大家參考

[java] view plain copy
  1. /** 
  2.  * 在載入頁面資源時會呼叫,每一個資源(比如圖片)的載入都會呼叫一次 
  3.  */  
  4. public void onLoadResource(WebView view, String url)   
  5.  /** 
  6.  *  (WebView發生改變時呼叫)  
  7.  *  可以參考http://www.it1352.com/191180.html的用法 
  8.  */  
  9.  public void onScaleChanged(WebView view, float oldScale, float newScale)  
  10.  /** 
  11.  * 重寫此方法才能夠處理在瀏覽器中的按鍵事件。 
  12.  * 是否讓主程式同步處理Key Event事件,如過濾選單快捷鍵的Key Event事件。 
  13.  * 如果返回true,WebView不會處理Key Event, 
  14.  * 如果返回false,Key Event總是由WebView處理。預設:false 
  15.  */  
  16. public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event)  
  17.  /** 
  18.  * 是否重發POST請求資料,預設不重發。 
  19.  */  
  20. onFormResubmission(WebView view, Message dontResend, Message resend)  
  21.  /** 
  22.  * 更新訪問歷史 
  23.  */  
  24. doUpdateVisitedHistory(WebView view, String url, boolean isReload)  
  25.  /** 
  26.  * 通知主程式輸入事件不是由WebView呼叫。是否讓主程式處理WebView未處理的Input Event。 
  27.  * 除了系統按鍵,WebView總是消耗掉輸入事件或shouldOverrideKeyEvent返回true。 
  28.  * 該方法由event 分發非同步呼叫。注意:如果事件為MotionEvent,則事件的生命週期只存在方法呼叫過程中, 
  29.  * 如果WebViewClient想要使用這個Event,則需要複製Event物件。 
  30.  */  
  31. onUnhandledInputEvent(WebView view, InputEvent event)  
  32.  /** 
  33.  * 通知主程式執行了自動登入請求。 
  34.  */  
  35. onReceivedLoginRequest(WebView view, String realm, String account, String args)  
  36. /** 
  37.  * 通知主程式:WebView接收HTTP認證請求,主程式可以使用HttpAuthHandler為請求設定WebView響應。預設取消請求。 
  38.  */  
  39. onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)  
  40. /** 
  41.  * 通知主程式處理SSL客戶端認證請求。如果需要提供金鑰,主程式負責顯示UI介面。 
  42.  * 有三個響應方法:proceed(), cancel() 和 ignore()。 
  43.  * 如果呼叫proceed()和cancel(),webview將會記住response, 
  44.  * 對相同的host和port地址不再呼叫onReceivedClientCertRequest方法。 
  45.  * 如果呼叫ignore()方法,webview則不會記住response。該方法在UI執行緒中執行, 
  46.  * 在回撥期間,連線被掛起。預設cancel(),即無客戶端認證 
  47.  */  
  48. onReceivedClientCertRequest(WebView view, ClientCertRequest request)<span style="color:#006600;">  
  49. </span>  

二、其它事件處理

上面講了有關WebViewClient的用法,但其中還有一些小問題是WebViewClient無法解決的,比如返回按鍵、滾動事件監聽等,下面我們就這些問題來跟大家做下探討

1、返回按鍵

如果用webview點連結看了很多頁以後,如果不做任何處理,點選系統“Back”鍵,整個瀏覽器會呼叫finish()而結束自身,如果希望瀏覽的網頁回退而不是退出瀏覽器,需要在當前Activity中處理並消費掉該Back事件。 覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法。
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.         mWebView.setWebViewClient(new WebViewClient());  
  15.   
  16.         mWebView.loadUrl("http://blog.csdn.net/harvic880925/");  
  17.     }  
  18.   
  19.     @Override  
  20.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  21.          //改寫物理返回鍵的邏輯  
  22.         if(keyCode==KeyEvent.KEYCODE_BACK) {  
  23.             if(mWebView.canGoBack()) {  
  24.                 mWebView.goBack();//返回上一頁面   
  25.                 return true;  
  26.             } else {  
  27.                 System.exit(0);//退出程式   
  28.             }  
  29.         }  
  30.         return super.onKeyDown(keyCode, event);  
  31.     }  
  32. }  
在未重寫onKeyDown前的效果圖:點選回退按鈕,整個Activity就銷燬了

重寫onKeyDown後的效果圖:

可見在重寫onKeyDown後,點選回退按鈕時,就會回退到WebView的上一個頁面。

2、滾動事件監聽

我們都知道監聽滾動事件一般都是設定setOnScrollChangedListener,可惜的是 WebView並沒有給我們提供這樣的方法,但是我們可以重寫WebView,覆蓋裡面的一個方法: protected void onScrollChanged(final int l, final int t, final int oldl,final int oldt){} 然後再對外提供一個介面,示例程式碼如下:

[java] view plain copy
  1. public class MyWebView extends WebView {  
  2.   
  3.     private OnScrollChangedCallback mOnScrollChangedCallback;  
  4.   
  5.     public MyWebView(Context context) {  
  6.         super(context);  
  7.     }  
  8.   
  9.     public MyWebView(Context context, AttributeSet attrs) {  
  10.         super(context, attrs);  
  11.     }  
  12.   
  13.     public MyWebView(Context context, AttributeSet attrs, int defStyleAttr) {  
  14.         super(context, attrs, defStyleAttr);  
  15.     }  
  16.   
  17.     @Override  
  18.     protected void onScrollChanged(int l, int t, int oldl, int oldt) {  
  19.         super.onScrollChanged(l, t, oldl, oldt);  
  20.         if (mOnScrollChangedCallback != null) {  
  21.             mOnScrollChangedCallback.onScroll(l,t,oldl,oldt);  
  22.         }  
  23.     }  
  24.   
  25.     public OnScrollChangedCallback getOnScrollChangedCallback() {  
  26.         return mOnScrollChangedCallback;  
  27.     }  
  28.   
  29.     public void setOnScrollChangedCallback(  
  30.             final OnScrollChangedCallback onScrollChangedCallback) {  
  31.         mOnScrollChangedCallback = onScrollChangedCallback;  
  32.     }  
  33.   
  34.     public static interface OnScrollChangedCallback {  
  35.         public void onScroll(int left,int top ,int oldLeft,int oldTop);  
  36.     }  
  37. }  
這段程式碼難度不大,就不再細講了。

3、如何強制使用外部瀏覽器開啟網頁

如果不想在 webview 中顯示網頁,而是直接跳轉到瀏覽器的話,可以像下邊那樣呼叫。
[java] view plain copy
  1. Uri uri = Uri.parse("http://www.example.com");   
  2. Intent intent = new Intent(Intent.ACTION_VIEW, uri);   
  3. startActivity(intent);  
這裡是使用隱式Intent的方式來啟用外部應用,有關隱式Intent的知識,可以參考: 
《intent詳解(一)》 
《intent詳解(二)》

好了,這篇文章就到這裡了,下篇文章給大家繼續講解有關WebView的知識。

如果本文有幫到你,記得加關注哦

原始碼下載地址:http://download.csdn.net/detail/harvic880925/9534186

轉載請標明出處:http://blog.csdn.net/harvic880925/article/details/51523983

相關文章