Android WebView如何判斷是否滾動到底部

Posted on by

場景：

我們有時候需要彈一些必讀公告，但是呢可能會要去你看完之後才可以關掉，所以就需要滾動到底部才顯示關閉按鈕，而公告什麼的往往又是基於富文本的，那麼在展示在Android上時就要用到WebView,基於這個要求就有瞭判斷 WebView 判斷是否滾動到底部。

分析：

要判斷是否到底部那麼我們先來分析有哪幾種情況，當html文檔加載到WebView後會有一下兩種情況。

WebView裡的html內容沒有填充滿，就是無滾動條情況。html內容的高度比WebView控件高，這時候就會有滾動條，即有滾動條

對於情況1，沒有滾動條我們直接顯示關閉按鈕就可，但對於第二種有滾動條情況就需要計算高度即：html高度 = WebView高度 + 滾動條長度 那麼這時就可判斷為滾動條到達瞭底部

實現：

html高度 <= WebView高度 + 滾動條長度 即可視為到達底部

註意：必須要控件初始化好後去獲取高度，不然獲取的高度是0

以下是實現

 x5WebView?.let {
    it.webViewClient = object : WebViewClient() {
	    override fun onPageFinished(
	           view: WebView,
	           url: String
	       ) {
	           super.onPageFinished(view, url)
	           postSafeDelayed(1000) {
	               loading_pb.visibility = View.GONE
	           }
	           //頁面加載完判斷是否到底部邏輯
	           view.post {
	                view.measure(0, 0)
	                val htmlContentHeight: Int = view.getMeasuredHeight()
	                val viewHeight: Int = view.getHeight()
	                //如果html高度小於控件高度，那麼說明一屏可以展示下直接顯示關閉按鈕
	                if(htmlContentHeight <= viewHeight){
	                	// TODO 顯示關閉按鈕
	                }else{
	                //這裡說明有滾動條，就需要監聽滾動事件
	                	view?.setOnCustomScrollChangedListener(object : WebView.CustomScrollChangeListener{
                        override fun onScrollChange(
                            scrollX: Int,
                            scrollY: Int,
                            oldScrollX: Int,
                            oldScrollY: Int
                        ) {
                            Timber.w("setOnCustomScrollChangedListener 滾動底部，html高度:${htmlContentHeight},scrollY:${scrollY}")
                            //已經處於底端
                            if(htmlContentHeight - (viewHeight + scrollY) <= 0){
                                Timber.w("setOnCustomScrollChangedListener 到達底部")
                                //TODO 到達底部
                            }
                        }
                    })
	                }
                
				}
	       }
	   	}
  }
}

以上就是實現，WebView.CustomScrollChangeListener這個事件是自己在WebView上定義的，監聽的是WebView的onScrollChanged方法下的自定義監聽

總結

到此這篇關於Android WebView如何判斷是否滾動到底部的文章就介紹到這瞭,更多相關Android WebView滾動到底部內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：