处理 WebView 与 ViewPager 滑动冲突

栏目: IOS · Android · 发布时间: 5年前

内容简介:问题场景 在项目的App中,有一个ViewPager,它内部包含了WebView,而内部的webview加载了一个可以滑动的网页。当我们在网页滑动的时候,会直接切换到下一个viewpager的页面,而不是优先响应webview的滑动。具体的效果如视频

问题场景 在项目的App中,有一个ViewPager,它内部包含了WebView,而内部的webview加载了一个可以滑动的网页。

当我们在网页滑动的时候,会直接切换到下一个viewpager的页面,而不是优先响应webview的滑动。

具体的效果如视频

期待的示例效果

解决思路

其实思路还是比较简单,大概如下

  • 优先响应webview内部滑动
  • 如果webview内部滑动完成,则响应外部的滑动

那么问题就来了,怎么判断webview内部滑动结束就是解决问题的关键了。

解决问题的关键就在于WebView.onOverScrolled方法

处理 WebView 与 ViewPager 滑动冲突

看了上面的文档,我们可能还是有一些疑惑,到底什么是overScroll。正所谓一图胜千言,看一下下图就知道了。

处理 WebView 与 ViewPager 滑动冲突

上面红框的内容就是overScroll的效果,其实就是划过了的意思(英语中over有过的意思)

了解了上面的信息,我们具体的实施办法也就有了。

  • 在WebView的onTouchEvent事件为ACTION_DOWN时,查找父视图是否是可以滑动的视图(如ViewPager),如果是,则通过requestDisallowInterceptTouchEvent(true)调用,请求父视图不要拦截touchEvent
  • 如果WebView不再响应内部滑动(即onOverScrolled中clampedX或者clampedY值为true),我们再起调用requestDisallowInterceptTouchEvent(false)请求父视图恢复拦截处理touchEvent.

核心代码

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
       }
   }
}

利用上面的代码,我们就能完美的解决水平滑动的问题,对于垂直纵向的问题,大家可以参考本文方法做类似实现。

示例代码


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

《10%创业家》

《10%创业家》

[美] 帕特里克•J.麦金尼斯 / 李文远 / 广东人民出版社 / 2017-4 / 45.00

还在打工和创业之间苦苦挣扎吗?麦金尼斯用亲身经历告诉你,不用辞职,只需投入10%的时间和资源,就能获得100%的财务自由。你不需要雄厚的资本,也不必占用工作时间,只要准确掌握本书所授的方法,就能立即开始创业。 麦金尼斯是世界银行风投顾问,同时也是一名10%创业家。在本书中,他结合自身的创业咨询经历,为读者讲解了移动互联时代的5种创业模式,还提供了创业基因测试、10%创业计划、自传模板等个性化......一起来看看 《《10%创业家》》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具