ViewPager2滑动冲突的解决方法 ViewPager2滑动冲突的解决方法

ViewPager2滑动冲突解决，供大家参考，具体内容如下
本文章对ViewPager2的滑动冲突没有提供完善的解决方案，仅为巩固解决滑动冲突方面的知识

首先看看没有解决滑动冲突时写的demo：
MainActivity.java

package com.example.bannerimport androidx.appcompat.app.AppCompatActivityimport android.os.Bundleimport androidx.viewpager2.widget.ViewPager2class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) val viewPager2 = findViewById(R.id.viewpager2outside) val myAdapter = OutsideAdapter() viewPager2.adapter = myAdapter }}

InnerAdapter

package com.example.bannerimport android.graphics.Colorimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupimport android.widget.TextViewimport androidx.recyclerview.widget.RecyclerViewclass InnerAdapter : RecyclerView.Adapter() { private var mList: List = ArrayList() override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PagerViewHolder { val itemView = LayoutInflater.from(parent.context).inflate(R.layout.item_page, parent, false) return PagerViewHolder(itemView) } override fun onBindViewHolder(holder: PagerViewHolder, position: Int) { holder.bindData(mList[position]) } fun setList(list: List) { mList = list } override fun getItemCount(): Int { return mList.size } // ViewHolder需要继承RecycleView.ViewHolder class PagerViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) { private val mTextView: TextView = itemView.findViewById(R.id.tv_text) private var colors = arrayOf("#41F1E5","#8D41F1","#FF99CC","#41F1E5") fun bindData(i: Int) {mTextView.text = i.toString()mTextView.setBackgroundColor(Color.parseColor(colors[i])) } }}

OutsideAdapter

package com.example.bannerimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupimport androidx.recyclerview.widget.RecyclerViewimport androidx.viewpager2.widget.ViewPager2class OutsideAdapter() : RecyclerView.Adapter() { class PagerViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) { private val mPagerView: ViewPager2 = itemView.findViewById(R.id.viewpager2inner) fun bindData() {val data = https://www.it610.com/article/listOf(0, 1, 2, 3)val myAdapter = InnerAdapter()myAdapter.setList(data)mPagerView.adapter = myAdapter } } override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PagerViewHolder { val itemView = LayoutInflater.from(parent.context).inflate(R.layout.item_outside, parent, false) return PagerViewHolder(itemView) } override fun onBindViewHolder(holder: PagerViewHolder, position: Int) { holder.bindData() } override fun getItemCount(): Int = 2}

activity_main.xml

item_outside.xml

item_page.xml

效果如下：

文章图片

如果解决了滑动冲突应该在TextView对应的区域滑动时应该能从0滑动到1，而导致图中效果的原因是因为外层的ViewPager2拦截了横向的滑动事件，因为ViewPager2是final不能继承，所以我们给它套一层父ViewGroup来解决滑动冲突问题，这里我是在外面的ViewPager2里面放了俩个ViewPager2 我想做到的是从第一个里面的Vp2（ViewPager2）0划到1再到2到3再到里面的第二个Vp2的0再到1再到2再到3，而不是直接从第一个里面的Vp2（ViewPager2）0滑倒里面的第二个Vp2的0。
下面上源码，只上有改动的代码，像MainActivity及activity_main.xml等没有改动就不再上了
ViewPager2Container

package com.example.bannerimport android.content.Contextimport android.util.AttributeSetimport android.view.MotionEventimport android.widget.RelativeLayoutimport androidx.viewpager2.widget.ViewPager2class ViewPager2Container @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : RelativeLayout(context, attrs, defStyleAttr) { private lateinit var mViewPager2: ViewPager2 override fun onFinishInflate() { super.onFinishInflate() for (i in 0 until childCount) {val childView = getChildAt(i)if (childView is ViewPager2) {mViewPager2 = childViewbreak} } } override fun onInterceptTouchEvent(ev: MotionEvent): Boolean { when (ev.action) {//不能让父View拦截事件否则父View会拦截接下来的一系列事件MotionEvent.ACTION_DOWN -> {parent.requestDisallowInterceptTouchEvent(true)}MotionEvent.ACTION_MOVE -> {if(mViewPager2.currentItem!=mViewPager2.adapter!!.itemCount-1){parent.requestDisallowInterceptTouchEvent(true)}else{parent.requestDisallowInterceptTouchEvent(false)}} } return super.onInterceptTouchEvent(ev) }}

item_outside.xml

当然我这样写还是有些东西没有考虑到的，我这里的解决方案仅提供一种解决思路，不去考虑很完善的解决方案
对于我上面写的代码，在滑到里面的第二个vp2的3时再向左滑动时会直接滑到里面的第一个vp2，具体怎么解决很简单
我这里的解决方案仅提供一种解决思路，主要是巩固怎么解决滑动冲突方面的知识！
最后上效果图