ViewPager2 嵌套ViewPager2 滑动冲突解决

不知道大家是否有这个疑问,在 刚开始做Android的时候 ViewPager ,ViewPager 嵌套 ViewPager 并没有出现过滑动冲突。可是为什么在 ViewPager 的升级版 ViewPager2 中却出现了滑动冲突呢?

  1. 首先我们看下ViewPager的源码
    滑动冲突是需要在 onInterceptTouchEvent()方法中进行处理的,根据自身条件,来决定是否要拦截事件。在 ViewPager 的源码中看到以下代码:
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
 
  final int action = ev.getAction() & MotionEvent.ACTION_MASK;
  if (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP) {
    // 在事件取消或者抬起手指后重置状态
      resetTouch();
      return false;
  }
 
 
  switch (action) {
    case MotionEvent.ACTION_MOVE: {
      // 这里判断在水平方向上的滑动距离大于竖直方向的2倍,则认为是有效的切换页面的滑动
      if (xDiff > mTouchSlop && xDiff * 0.5f > yDiff) { 
        mIsBeingDragged = true;
        // 禁止Parent View拦截事件,即事件要能够传递到ViewPager
        requestParentDisallowInterceptTouchEvent(true);
        setScrollState(SCROLL_STATE_DRAGGING);
      } else if (yDiff > mTouchSlop) {
        mIsUnableToDrag = true;
      }
      break;
    }
 
    case MotionEvent.ACTION_DOWN: {     
      if (mScrollState == SCROLL_STATE_SETTLING
              && Math.abs(mScroller.getFinalX() - mScroller.getCurrX()) > mCloseEnough) {
        // 在Down事件中禁止Parent View拦截事件,是为了事件序列能够传递到ViewPager
        requestParentDisallowInterceptTouchEvent(true);
        setScrollState(SCROLL_STATE_DRAGGING);
      } else {
        completeScroll(false);
        mIsBeingDragged = false;
      }
      break;
    }
 
    case MotionEvent.ACTION_POINTER_UP:
      onSecondaryPointerUp(ev);
      break;
  }
  return mIsBeingDragged;
}

  1. 可以看 在 ACTION_DOWNACTION_MOVE 中根据一些判断条件,调用了 requestParentDisallowInterceptTouchEvent(true) 方法来禁止Parent View 拦截事件。也就是说,ViewPager已经帮我们处理了滑动冲突,所以我们只管用即可,无需担心滑动冲突问题。
  2. 现在,我们看 ViewPager2 翻阅源码发现,只有在 RecyclerView 的实现类中有 onInterceptTouchEvent() 的相关方法,而且这句代码仅仅是处理禁用了用户输入的逻辑
private class RecyclerViewImpl extends RecyclerView {
  .... // 省略部分代码
  @Override
  public boolean onInterceptTouchEvent(MotionEvent ev) {
    return isUserInputEnabled() && super.onInterceptTouchEvent(ev);
  }
}
  1. ViewPager2其实并没有帮我们处理滑动冲突!
    ViewPager2 被声明了 final,意味着我们不能像继承 ViewPager一样,来修改 ViewPager2。如果官方在 ViewPager2 内部自行处理了滑动冲突,那么如果有特殊的需求,需要根据我们自己的情况,来处理 ViewPager2的滑动,那么官方写的处理滑动冲突的代码,是不是会影响到我们自己的需求?
  2. 由于 ViewPager2被设置成了 final,我们无法通过继承的方式来处理,因此就需要我们在 ViewPager2 外部加一层自定义的 Layout。这层 Layout其实相当于夹在了内层 View 和外层 View 的中间,其实就是这层 Layout 就变成了内层.
    详情代码实现:
/**
 * @Desciption :ViewPager2 嵌套后的滑动冲突解决方案
 */
class ViewPager2Container @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : RelativeLayout(context, attrs, defStyleAttr) {
 
  private var mViewPager2: ViewPager2? = null
  private var disallowParentInterceptDownEvent = true
  private var startX = 0
  private var startY = 0
 
//遍历ViewPager2Container 的所有子 View,如果没有找到 ViewPager2 就抛出异常
  override fun onFinishInflate() {
    super.onFinishInflate()
    for (i in 0 until childCount) {
      val childView = getChildAt(i)
      if (childView is ViewPager2) {
        mViewPager2 = childView
        break
      }
    }
    if (mViewPager2 == null) {
      throw IllegalStateException("The root child of ViewPager2Container must contains a ViewPager2")
    }
  }
 
  override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
    val doNotNeedIntercept = (!mViewPager2!!.isUserInputEnabled
            || (mViewPager2?.adapter != null
            && mViewPager2?.adapter!!.itemCount <= 1))
    if (doNotNeedIntercept) {
      return super.onInterceptTouchEvent(ev)
    }
    when (ev.action) {
      MotionEvent.ACTION_DOWN -> {
        startX = ev.x.toInt()
        startY = ev.y.toInt()
        parent.requestDisallowInterceptTouchEvent(!disallowParentInterceptDownEvent)
      }
      MotionEvent.ACTION_MOVE -> {
        val endX = ev.x.toInt()
        val endY = ev.y.toInt()
        val disX = abs(endX - startX)
        val disY = abs(endY - startY)
        if (mViewPager2!!.orientation == ViewPager2.ORIENTATION_VERTICAL) {
          onVerticalActionMove(endY, disX, disY)
        } else if (mViewPager2!!.orientation == ViewPager2.ORIENTATION_HORIZONTAL) {
          onHorizontalActionMove(endX, disX, disY)
        }
      }
      MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> parent.requestDisallowInterceptTouchEvent(false)
    }
    return super.onInterceptTouchEvent(ev)
  }
 
  private fun onHorizontalActionMove(endX: Int, disX: Int, disY: Int) {
    if (mViewPager2?.adapter == null) {
      return
    }
    if (disX > disY) {
      val currentItem = mViewPager2?.currentItem
      val itemCount = mViewPager2?.adapter!!.itemCount
      if (currentItem == 0 && endX - startX > 0) {
        parent.requestDisallowInterceptTouchEvent(false)
      } else {
        parent.requestDisallowInterceptTouchEvent(currentItem != itemCount - 1
          || endX - startX >= 0)
      }
    } else if (disY > disX) {
      parent.requestDisallowInterceptTouchEvent(false)
    }
  }
 
  private fun onVerticalActionMove(endY: Int, disX: Int, disY: Int) {
    if (mViewPager2?.adapter == null) {
      return
    }
    val currentItem = mViewPager2?.currentItem
    val itemCount = mViewPager2?.adapter!!.itemCount
    if (disY > disX) {
      if (currentItem == 0 && endY - startY > 0) {
        parent.requestDisallowInterceptTouchEvent(false)
      } else {
        parent.requestDisallowInterceptTouchEvent(currentItem != itemCount - 1
          || endY - startY >= 0)
      }
    } else if (disX > disY) {
        parent.requestDisallowInterceptTouchEvent(false)
    }
  }
 
}
  1. 使用方法用 ViewPager2Container包裹 ViewPager2就可以
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容