Android-解决ViewPager2嵌套ViewPager2冲突

2024-9-26

解决的办法

从网上一个大佬的博客当中复制出来一个类：

Kotlin

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
        }
}

JAVA


import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.RelativeLayout;

import androidx.viewpager2.widget.ViewPager2;

public class ViewPager2Container extends RelativeLayout {

    private ViewPager2 mViewPager2;
    private boolean disallowParentInterceptDownEvent = true;
    private int startX = 0;
    private int startY = 0;

    public ViewPager2Container(Context context) {
        super(context);
    }

    public ViewPager2Container(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ViewPager2Container(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        for (int i = 0; i < getChildCount(); i++) {
            View childView = getChildAt(i);
            if (childView instanceof ViewPager2) {
                mViewPager2 = (ViewPager2) childView;
                break;
            }
        }
        if (mViewPager2 == null) {
            throw new IllegalStateException("The root child of ViewPager2Container must contain a ViewPager2");
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean doNotNeedIntercept = (!mViewPager2.isUserInputEnabled() ||
                (mViewPager2.getAdapter() != null && mViewPager2.getAdapter().getItemCount() <= 1));
        if (doNotNeedIntercept) {
            return super.onInterceptTouchEvent(ev);
        }

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startX = (int) ev.getX();
                startY = (int) ev.getY();
                getParent().requestDisallowInterceptTouchEvent(!disallowParentInterceptDownEvent);
                break;
            case MotionEvent.ACTION_MOVE:
                int endX = (int) ev.getX();
                int endY = (int) ev.getY();
                int disX = Math.abs(endX - startX);
                int disY = Math.abs(endY - startY);

                if (mViewPager2.getOrientation() == ViewPager2.ORIENTATION_VERTICAL) {
                    onVerticalActionMove(endY, disX, disY);
                } else if (mViewPager2.getOrientation() == ViewPager2.ORIENTATION_HORIZONTAL) {
                    onHorizontalActionMove(endX, disX, disY);
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                getParent().requestDisallowInterceptTouchEvent(false);
                break;
        }

        return super.onInterceptTouchEvent(ev);
    }

    private void onHorizontalActionMove(int endX, int disX, int disY) {
        if (mViewPager2.getAdapter() == null) {
            return;
        }
        if (disX > disY) {
            int currentItem = mViewPager2.getCurrentItem();
            int itemCount = mViewPager2.getAdapter().getItemCount();

            if (currentItem == 0 && endX - startX > 0) {
                getParent().requestDisallowInterceptTouchEvent(false);
            } else {
                getParent().requestDisallowInterceptTouchEvent(currentItem != itemCount - 1 || endX - startX >= 0);
            }
        } else if (disY > disX) {
            getParent().requestDisallowInterceptTouchEvent(false);
        }
    }

    private void onVerticalActionMove(int endY, int disX, int disY) {
        if (mViewPager2.getAdapter() == null) {
            return;
        }
        if (disY > disX) {
            int currentItem = mViewPager2.getCurrentItem();
            int itemCount = mViewPager2.getAdapter().getItemCount();

            if (currentItem == 0 && endY - startY > 0) {
                getParent().requestDisallowInterceptTouchEvent(false);
            } else {
                getParent().requestDisallowInterceptTouchEvent(currentItem != itemCount - 1 || endY - startY >= 0);
            }
        } else if (disX > disY) {
            getParent().requestDisallowInterceptTouchEvent(false);
        }
    }

    /**
     * 设置是否允许在当前View的MotionEvent.ACTION_DOWN事件中禁止父View对事件的拦截，
     * 该方法用于解决CoordinatorLayout+CollapsingToolbarLayout在嵌套ViewPager2Container时引起的滑动冲突问题。
     *
     * @param disallowParentInterceptDownEvent 是否允许ViewPager2Container在MotionEvent.ACTION_DOWN事件中禁止父View拦截事件，默认值为false
     *                                          true 不允许ViewPager2Container在MotionEvent.ACTION_DOWN事件中禁止父View的时间拦截，
     *                                          设置disallowIntercept为true可以解决CoordinatorLayout+CollapsingToolbarLayout的滑动冲突
     *                                          false 允许ViewPager2Container在MotionEvent.ACTION_DOWN事件中禁止父View的时间拦截，
     */
    public void disallowParentInterceptDownEvent(boolean disallowParentInterceptDownEvent) {
        this.disallowParentInterceptDownEvent = disallowParentInterceptDownEvent;
    }
}

XML

使用方式也很简单的，直接在子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">    
        
         <androidx.viewpager2.widget.ViewPager2        
              android:id="@+id/xxxxx"        
              android:layout_width="match_parent"        
              android:layout_height="match_parent">
              
</com.ttww.hr.driver.viewpager2.ViewPager2Container>

完美的解决了ViewPager2嵌套ViewPager2滑动冲突的问题。参考的博客：
这可能是ViewPager2滑动冲突最全的处理方案

作者：时光鉴

链接：https://blog.jx23.cn/119.html

文章版权归作者所有，未经允许请勿转载。

THE END

Android去除AppBarLayout阴影

<<上一篇

php 获取post提交的json数据的兼容bug解决方法

下一篇>>