Android 解决viewPager中嵌套webView的滑动冲突

   在工作中遇到了一种情况,在可以横向滑动的viewPager其中的一项中嵌套着一个webView,并且在这个webView中也有可以横向滑动的的类似viewPager的组件,因为webView其中的H5组件我们是无法控制的,因此便会发生滑动冲突,现象则是webView中的H5组件无法滑动。比如下图


10549596-6e1bc0c3878b49c0.png
冲突图片

   经过笔者的一阵搜索,借鉴了Viewpager与webview滑动冲突的解决方案一文的解决方案,并在其基础上改进了一下,使之处理起来更加简单一些。

思路

   首先我们先确定滑动冲突是事件分发机制的事情。解决办法需要在需要的地方进行事件的拦截和分发可以使用下面的方法

wb.requestDisallowInterceptTouchEvent(true);

   当为true的时候则说明父控件(也就是viewPager)不拦截事件,点击事件由子控件(也就是webView)来处理,反之为false的时候,父控件则拦截点击事件,子控件无法响应点击事件。

1.交互

   此时我们需要Android原生和JS交互一下,来通知我们什么时候拦截事件,什么时候不拦截事件。首先我们要先和H5的小伙伴商量好方法名和参数,在H5中可以监听到是否点击了或者滑动了轮播图,H5的小伙伴可以在监听值判断,如果点击或者滑动了H5中的轮播图则,调用Android原生的方法参数为true,Android端则进行事件的拦截,反之没有点击或者滑动的时候,则调用方法参数为false。
交互方法:

 @JavascriptInterface
  public void disPatchTouchViewPager(boolean param) {
        isIntercept = param;
  }

   如果有不懂Android原生与H5交互方法的可以看我的一篇文章<Android中webveiw与H5进行交互>

2.拦截

此时我们拿到参数以后就可以进行事件的拦截

wb.setOnTouchListener(new View.OnTouchListener() {
     @Override
      public boolean onTouch(View v, MotionEvent event) {
          wb.requestDisallowInterceptTouchEvent(isIntercept);
          return false;
        }
  });

   这样就可以对事件分发进行处理,不过此处需要注意的是拦截事件的方法 wb.requestDisallowInterceptTouchEvent(isIntercept);必须要写在Touch事件中才可以生效,写在webview初始化的地方是不可以的。
  ok,笔者认为这种方法比H5端去测量轮播图的位置,然后告诉Android端,Android端再去判断位置去拦截事件要简单一些。当然这只是个人想法,还是要感谢借鉴文章的大佬,毕竟是站在了巨人的肩膀上。

猜你喜欢

转载自blog.csdn.net/weixin_33955681/article/details/87537973