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)

在布局中使用：

 <RefreshSlideLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <com.scwang.smart.refresh.layout.SmartRefreshLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:srlEnableLoadMore="true">
                <androidx.recyclerview.widget.RecyclerView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />
            </com.scwang.smart.refresh.layout.SmartRefreshLayout>
        </RefreshSlideLayout>