ViewPager2踩坑记（SmartRefreshLayout嵌套RecyclerView导致的滑动冲突）

ViewPager2 通过封装 RecyclerView来实现，主要优势有：

1. 支持垂直分页。可以通过设置 ViewPager2 元素的 android:orientation 属性为其启用垂直分页。
2. 支持从右到左 (RTL) 分页。作用是适配阿拉伯语言国家从右到左的使用习惯。
3. 支持notifyDatasetChanged() 来更新界面。

---

使用

最近去面试时，面试官问我使用过ViewPager2吗 ？我很尴尬的答不上来。回来就是一顿恶补ViewPager2知识，把项目里的ViewPager都做了升级。
跟ViewPager相比,ViewPager2 API方面有几个变动：

1.适配器：FragmentStateAdapter替换了原来的 FragmentStatePagerAdapter，与Recycleview的生命周期绑定。
2.页面改变监听：registerOnPageChangeCallback替换了原来的 addPageChangeListener 。

---

踩坑

终于都升级到了ViewPager2，我满意的滑动着列表，却感到了前所未有的卡顿。一番分析之后，确定是ViewPager2 + 刷新控件SmartRefreshLayout的锅。前面说过，不同于ViewPager，ViewPager2 是封装 RecyclerView实现的，在里面嵌套RefreshLayout+RecyclerView的时候会有滑动冲突。遂到SmartRefreshLayout框架的Github上查看有木有解决方案。在Isseus里找到不少跟我一样，因使用ViewPager2 导致的这个问题，逛了一圈没找到解决方案。

Github反馈1

Github反馈2

---

填坑

解决方案：自定义View，继承FrameLayout，拦截事件分发，判断滑动方向为左右或上下。作为包裹RefreshLayout + RecyclerView的容器。

/**
 * @CreateDate : 2021/8/27 17:51
 * @Author : 青柠
 * @Description : 解决ViewPager2+RefreshLayout导致的滑动冲突
 */
class RefreshSlideLayout @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    private var downX: Float = 0f
    private var downY: Float = 0f
    private var isDragged = false
    private val touchSlop = ViewConfiguration.get(context).scaledTouchSlop
    private val HORIZONTAL = LinearLayout.HORIZONTAL
    private val VERTICAL = LinearLayout.VERTICAL
    private var orientation = VERTICAL

    override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
        when (ev.action) {
            MotionEvent.ACTION_DOWN -> {
                downX = ev.x
                downY = ev.y
                isDragged = false
            }
            MotionEvent.ACTION_MOVE -> {
                if (!isDragged) {
                    val dx = abs(ev.x - downX)
                    val dy = abs(ev.y - downY)
                    if (orientation == HORIZONTAL) {
                        isDragged = dx > touchSlop && dx > dy
                    } else if (orientation == VERTICAL) {
                        isDragged = dy > touchSlop && dy > dx
                    }
                }
                parent.requestDisallowInterceptTouchEvent(isDragged)
            }
            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                isDragged = false
                //阻止父层的view获取touch事件
                parent.requestDisallowInterceptTouchEvent(false)
            }
        }
        return super.onInterceptTouchEvent(ev)
    }
}

在布局中使用：