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 导致的这个问题,逛了一圈没找到解决方案。
填坑
解决方案:自定义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>