Android WebView滚动到底部

时间:2022-05-23 Laikyy 人气:0

场景：

我们有时候需要弹一些必读公告，但是呢可能会要去你看完之后才可以关掉，所以就需要滚动到底部才显示关闭按钮，而公告什么的往往又是基于富文本的，那么在展示在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方法下的自定义监听

总结

加载全部内容