快捷導(dǎo)航

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

更新時(shí)間：2022年01月20日 08:50:01 作者：Laikyy

大家好，本篇文章主要講的是Android WebView如何判斷是否滾動到底部，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下

場景：

我們有時(shí)候需要彈一些必讀公告，但是呢可能會要去你看完之后才可以關(guān)掉，所以就需要滾動到底部才顯示關(guān)閉按鈕，而公告什么的往往又是基于富文本的，那么在展示在Android上時(shí)就要用到WebView,基于這個(gè)要求就有了判斷 WebView 判斷是否滾動到底部。

分析：

要判斷是否到底部那么我們先來分析有哪幾種情況，當(dāng)html文檔加載到WebView后會有一下兩種情況。

WebView里的html內(nèi)容沒有填充滿，就是無滾動條情況。html內(nèi)容的高度比WebView控件高，這時(shí)候就會有滾動條，即有滾動條

對于情況1，沒有滾動條我們直接顯示關(guān)閉按鈕就可，但對于第二種有滾動條情況就需要計(jì)算高度即：html高度 = WebView高度 + 滾動條長度那么這時(shí)就可判斷為滾動條到達(dá)了底部

實(shí)現(xiàn)：

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

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

以下是實(shí)現(xiàn)

 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高度小于控件高度，那么說明一屏可以展示下直接顯示關(guān)閉按鈕
	                if(htmlContentHeight <= viewHeight){
	                	// TODO 顯示關(guān)閉按鈕
	                }else{
	                //這里說明有滾動條，就需要監(jiān)聽滾動事件
	                	view?.setOnCustomScrollChangedListener(object : WebView.CustomScrollChangeListener{
                        override fun onScrollChange(
                            scrollX: Int,
                            scrollY: Int,
                            oldScrollX: Int,
                            oldScrollY: Int
                        ) {
                            Timber.w("setOnCustomScrollChangedListener 滾動底部，html高度:${htmlContentHeight},scrollY:${scrollY}")
                            //已經(jīng)處于底端
                            if(htmlContentHeight - (viewHeight + scrollY) <= 0){
                                Timber.w("setOnCustomScrollChangedListener 到達(dá)底部")
                                //TODO 到達(dá)底部
                            }
                        }
                    })
	                }
                
				}
	       }
	   	}
  }
}

以上就是實(shí)現(xiàn)，WebView.CustomScrollChangeListener這個(gè)事件是自己在WebView上定義的，監(jiān)聽的是WebView的onScrollChanged方法下的自定義監(jiān)聽