安卓viewpager嵌套webview的滑动冲突解决

问题描述

需求是这样的,viewpager内部嵌套多个不同的网页,滑动切换显示不同html5网页,想法是好的,但是遇到了一些问题。其中html网页中也会有一些类似viewpager的可横向滑动控件,当你尝试滑动html中的有滑动效果的控件时,发现整个外部viewpager都跟着滑动了,直接切换到另一个网页,哈哈哈,好棒

解决办法

解决办法有三个,其中第一个办法最苯,第二个还可以,但是略麻烦,第三个办法最完美,目前没发现什么问题,等不及的可以直接看第三个方法

方法1

将屏幕分为左中右三个区域,当滑动中间部分的时候禁掉外层viewpager的滑动,具体操作是在webview的ontouchevent中,通过判断触摸区域调用requestDisallowInterceptTouchEvent(true),当为true的时候,触摸事件就被webview拦截,不会传向父控件,viewpager自然不会滑动了,当然这么做,用户使用起来的话会非常蛋疼,而且现在很多手机都有全面屏幕手势操作,翻个页还不小心退出应用了,这不是搞笑的嘛,这种方法极其不推荐使用,还不如不滑动翻页,直接点tab了。

方法2

第二种方法是通过js和android之间通信,js获取html网页中可滑动控件的位置,然后传给android,安卓还是在webview的ontouchevent事件中判断触摸的位置,如果触摸在滑动控件上,就通过requestDisallowInterceptTouchEvent(true)拦截事件,viewpager就不能滑动了,听上去效果是比上个方法好了一点,至少不用点着viewpager的边缘才能滑动了,但是实际使用中还会有一些问题,比如页面刚加载出来的1s之内,可能座标位置还没返回,这时滑动html中的viewpager还是会整屏滑动的,而且工作量也有点太大了,还好最后没采用这种办法。

方法3

上面两个方法说的都比较简略,之前在网上搜索到的大部分是那两种方法,第三种方法要详细介绍一下了

  • 首先明确我们的目的,我们是希望滑动html中的可滑动控件的时候不让外层viewpager滚动,所以所有办法的目的都在于明确viewpager的滑动禁用时机
  • 那我们可不可以换个思路,一开始就禁用viewpager的滑动,转而考虑viewpager的滑动启用时机呢?
  • 能想到这里就离成功不远了,可以这样,当点击到webview的时候,就直接禁用外层viewpager的滑动,这时滑动html中的可滑动控件时,就可以滑动了,而且外层viewpager也不会切换,因为已经被禁用了嘛。
  • 如果这是这样写,怎么切换到其他网页呢?也就是什么时候,怎样启用外层viewpager的滑动呢?当然是在内层webview划不动的时候了~
  • 没错,就是webview,有一个方法叫
    protected void onOverScrolled 当我们滚动屏幕内容到达内容边界时,如果再滚动就会有一个发光效果,这些效果是如何实现的呢?没错,就和这个方法有关系了。重写webview的这个方法,在里面启用viewpager的滚动就可以了,webview划不动的时候,就是webview可以滚动的时候,这么说是不是更清晰。

好了,上代码

这是代码

代码有一个小问题,已经有人在issue中提出并修复了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章