[Android] WebView自定義網頁上下頁按鈕

哈囉各位~
想必大家都有用過WebView載入網頁進行瀏覽過吧
但是有沒有發現
只要按下Back實體按鍵
就會回到前一個Activity
這樣若是使用者已經瀏覽到好後面的網頁了
只是想回到上一頁卻回到了前一個Activity
是不是不太理想呢?
以下就教大家用自定義的按鈕或是覆寫Android原生的onBackPressed事件
來達到我們想切換網頁上下頁的目的

其實在WebView所帶有的Function中就有兩個是可以切換上下頁的

  1. goBack() 回上一頁
  2. goForward() 去下一頁

哇~
感覺有這兩個Function事情就好辦多了
但是...
還有一點...
我們怎麼知道他到底有沒有上一頁,有沒有下一頁呢??
其實WebView也都幫我們寫好了,如下:

  1. canGoBack() 判斷是否可回上一頁 (回傳值為true/false)
  2. canGoForward() 判斷是否有下一頁 (回傳值為true/false)

所以這樣應該就簡單多了
在Button的onClickListener中加入

if(mWebView.canGoBack()){

        mWebView.goBack();

}

或者是
if(mWebView.canGoForward()){

        mWebView.goForward();

}

就可以決定你要上一頁或是下一頁的動作囉~~

以下範例可下載
GitHub:
https://github.com/lionlions/Custom-Button-With-WebView

如有錯誤敬請指教~~ ^^

留言

這個網誌中的熱門文章

[Android] Android Studio 修改PackageName 和專案資料結構

[Kotlin筆記]Java和Kotlin語法比較(打印訊息print、Log、變數宣告)

[Android]ADB指令大全-錯誤排解-could not install *smartsocket* listener: cannot bind to 127.0.0.1:5037: