问题场景 在项目的App中,有一个ViewPager,它内部包含了WebView,而内部的webview加载了一个可以滑动的网页。
当我们在网页滑动的时候,会直接切换到下一个viewpager的页面,而不是优先响应webview的滑动。
具体的效果如视频
期待的示例效果
其实思路还是比较简单,大概如下
那么问题就来了,怎么判断webview内部滑动结束就是解决问题的关键了。
解决问题的关键就在于WebView.onOverScrolled方法
看了上面的文档,我们可能还是有一些疑惑,到底什么是overScroll。正所谓一图胜千言,看一下下图就知道了。
上面红框的内容就是overScroll的效果,其实就是划过了的意思(英语中over有过的意思)
了解了上面的信息,我们具体的实施办法也就有了。
核心代码
override fun onTouchEvent(event: MotionEvent): Boolean {
if (event.action == MotionEvent.ACTION_DOWN) {
val viewParent = findViewParentIfNeeds(this)
viewParent?.requestDisallowInterceptTouchEvent(true)
}
return super.onTouchEvent(event)
}
override fun onOverScrolled(scrollX: Int, scrollY: Int, clampedX: Boolean, clampedY: Boolean) {
dumpMessage("onOverScrolled scrollX=" + scrollX + ";scrollY=" + scrollY
+ ";clampedX=" + clampedX + ";clampedY=" + clampedY)
if (clampedX) {
val viewParent = findViewParentIfNeeds(this)
viewParent?.requestDisallowInterceptTouchEvent(false)
}
super.onOverScrolled(scrollX, scrollY, clampedX, clampedY)
}
private fun findViewParentIfNeeds(tag: View): ViewParent? {
val parent = tag.parent
if (parent == null) {
return parent
}
return if (parent is ViewPager ||
parent is AbsListView ||
parent is ScrollView ||
parent is HorizontalScrollView ||
parent is GridView) {
parent
} else {
if (parent is View) {
findViewParentIfNeeds(parent as View)
} else {
parent
}
}
}
利用上面的代码,我们就能完美的解决水平滑动的问题,对于垂直纵向的问题,大家可以参考本文方法做类似实现。