圖片來源網(wǎng)絡
業(yè)務場景:
LinearLayout+ViewPager2實現(xiàn)底部導航茴她，然后Fragment當中MagicIndicator+ViewPager2隙姿，實現(xiàn)頂部導航欄。兩個頁面都是滑動切換的情況。這樣兩個ViewPager2會出現(xiàn)滑動沖突兄朋。
解決的辦法
- 從網(wǎng)上一個大佬的博客當中復制出來一個類：
import android.content.Context
import android.util.AttributeSet
import android.view.MotionEvent
import android.widget.RelativeLayout
import androidx.viewpager2.widget.ViewPager2
import kotlin.math.abs
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
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)
}
}
/**
* 設置是否允許在當前View的{@link MotionEvent#ACTION_DOWN}事件中禁止父View對事件的攔截常拓，該方法
* 用于解決CoordinatorLayout+CollapsingToolbarLayout在嵌套ViewPager2Container時引起的滑動沖突問題渐溶。
*
* 設置是否允許在ViewPager2Container的{@link MotionEvent#ACTION_DOWN}事件中禁止父View對事件的攔截，該方法
* 用于解決CoordinatorLayout+CollapsingToolbarLayout在嵌套ViewPager2Container時引起的滑動沖突問題弄抬。
*
* @param disallowParentInterceptDownEvent 是否允許ViewPager2Container在{@link MotionEvent#ACTION_DOWN}事件中禁止父View攔截事件茎辐，默認值為false
* true 不允許ViewPager2Container在{@link MotionEvent#ACTION_DOWN}時間中禁止父View的時間攔截，
* 設置disallowIntercept為true可以解決CoordinatorLayout+CollapsingToolbarLayout的滑動沖突
* false 允許ViewPager2Container在{@link MotionEvent#ACTION_DOWN}時間中禁止父View的時間攔截掂恕，
*/
fun disallowParentInterceptDownEvent(disallowParentInterceptDownEvent: Boolean) {
this.disallowParentInterceptDownEvent = disallowParentInterceptDownEvent
}
}
使用方式也很簡單的拖陆，直接在子Fragment的嵌套使用：
<com.xxx.xxxx.ViewPager2Container
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintTop_toBottomOf="@id/xxx"
app:layout_constraintBottom_toBottomOf="parent">
<net.lucode.hackware.magicindicator.MagicIndicator
android:id="@+id/xxxx"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_44"
android:layout_gravity="center_horizontal"
android:background="@color/white" />
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/xxxxx"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/xxxxxx"/>
</com.ttww.hr.driver.viewpager2.ViewPager2Container>
完美的解決了ViewPager2嵌套ViewPager2滑動沖突的問題。參考的博客：
這可能是ViewPager2滑動沖突最全的處理方案
希望我的這篇博客對有ViewPager2嵌套ViewPager2滑動沖突問題的小伙伴有所幫助懊亡。
