【Android】嵌套冲突?RecyclerView横向竖向,SwipeRefreshLayout,ViewPager大杂烩我是如何解决的

1. 引言

正常情况下, 首页的内容众多, RecyclerView横向竖向,SwipeRefreshLayout,ViewPager都会包含其中, 但是这么多可滚动View如何解决嵌套冲突的问题呢? 让我们一起来看看

2. 正文

1. 一般我们会用RecyclerView作为承接主页列表的容器, 所以我们就需要一个RecyclerViewNested作为操作的对象, 让他继承自RecyclerView

class RecyclerKLinearNested @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : RecyclerView(context, attrs, defStyleAttr) {
	//...
}

2. 嵌套冲突, 归根到底就是手势事件的传递处理, 是继续传递下去, 还是拦截掉自己处理, 而且要保证组件的通用性, 这是我们要考虑的两点事情

requestDisallowInterceptTouchEvent

这个方法刚好满足我们的需求, 但是, 这么看不太好理解, 不允许父控件打断?, 那就反过来, 写个扩展函数, 允许父控件拦截:

fun ViewParent.requestAllowInterceptTouchEvent(isIntercept: Boolean) {
    UtilKViewParent.requestAllowInterceptTouchEvent(this, isIntercept)
}

object UtilKViewParent {
    @JvmStatic
    fun requestAllowInterceptTouchEvent(viewParent: ViewParent, isIntercept: Boolean) {
        viewParent.requestDisallowInterceptTouchEvent(!isIntercept)
    }
}

3. 其次我们得知道列表的滚动方向, 这样可以分开来处理逻辑

    @JvmStatic
    fun isScrollVertical(recyclerView: RecyclerView): Boolean =
        when (val layoutManager = recyclerView.layoutManager) {
            is LinearLayoutManager -> layoutManager.orientation == LinearLayoutManager.VERTICAL
            else -> true
        }

再补充一个扩展方法

fun RecyclerView.isScrollVertical(): Boolean =
    UtilKRecyclerView.isScrollVertical(this)

4.准备工作结束之后, 我们来完成核心的工作, 如何来处理拦截事件dispatchTouchEvent
这边我们来梳理一下逻辑:

当发生ACTION_DOWN

记录此次事件的起始点xy, 并且允许父组件去拦截事件

            CMotionEvent.ACTION_DOWN -> {
                _startX = ev.x.toInt()
                _startY = ev.y.toInt()
                //告诉viewGroup不要去拦截我
                parent.requestAllowInterceptTouchEvent(false)
            }

当发生ACTION_UP, ACTION_CANCEL

如果是一个列表中的横向列表, 手势抬起时, 还是不让父控件拦截, 为什么呢? 防止滑动不连贯的体验

            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                if (_isScrollVertical)
                    parent.requestAllowInterceptTouchEvent(true)
                else
                    parent.requestAllowInterceptTouchEvent(false)
            }

当发生ACTION_MOVE

1. 如果是竖向列表
   那么如果滑动到顶端, 则需要父控件处理, 也就是允许他拦截
   否则, 如何横向滑动距离大于纵向, 也是交由父控件处理, 因为可能用户在希望左右划动
2. 如果是横向列表
   同理, 如果竖向距离大于横向, 也是交由父控件处理

            CMotionEvent.ACTION_MOVE -> {
                val endX = ev.x.toInt()
                val endY = ev.y.toInt()
                val distanceHorizontal = abs(endX - _startX)
                val distanceVertical = abs(endY - _startY)
//                UtilKLogWrapper.v(TAG, "dispatchTouchEvent: distanceHorizontal $distanceHorizontal distanceVertical $distanceVertical")
                parent.requestAllowInterceptTouchEvent(
                    if (_isScrollVertical)
                        if (UtilKRecyclerViewWrapper.isScroll2top(this)||UtilKRecyclerViewWrapper.isScroll2top_ofItem(this))
                            true
                        else
                            distanceHorizontal > distanceVertical
                    else
                        (distanceVertical >= distanceHorizontal).also { UtilKLogWrapper.d(TAG,"ACTION_MOVE requestAllowInterceptTouchEvent distanceVertical >= distanceHorizontal $it") }
                )
            }

贴上全文

class RecyclerKLinearNested @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : RecyclerView(context, attrs, defStyleAttr) {
    private var _startX = 0
    private var _startY = 0
    private val _isScrollVertical by lazy_ofNone { isScrollVertical().also { UtilKLogWrapper.d(TAG, "_isScrollVertical $it") } }

    override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
        when (ev.action) {
            CMotionEvent.ACTION_DOWN -> {
                _startX = ev.x.toInt()
                _startY = ev.y.toInt()
                //告诉viewGroup不要去拦截我
                parent.requestAllowInterceptTouchEvent(false)
            }

            CMotionEvent.ACTION_MOVE -> {
                val endX = ev.x.toInt()
                val endY = ev.y.toInt()
                val distanceHorizontal = abs(endX - _startX)
                val distanceVertical = abs(endY - _startY)
//                UtilKLogWrapper.v(TAG, "dispatchTouchEvent: distanceHorizontal $distanceHorizontal distanceVertical $distanceVertical")
                parent.requestAllowInterceptTouchEvent(
                    if (_isScrollVertical)
                        if (UtilKRecyclerViewWrapper.isScroll2top(this)||UtilKRecyclerViewWrapper.isScroll2top_ofItem(this))
                            true
                        else
                            distanceHorizontal > distanceVertical
                    else
                        (distanceVertical >= distanceHorizontal).also { UtilKLogWrapper.d(TAG,"ACTION_MOVE requestAllowInterceptTouchEvent distanceVertical >= distanceHorizontal $it") }
                )
            }

            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                if (_isScrollVertical)
                    parent.requestAllowInterceptTouchEvent(true)
                else
                    parent.requestAllowInterceptTouchEvent(false)
            }

            else -> {}
        }
        return super.dispatchTouchEvent(ev)
    }
}

https://github.com/mozhimen/AXmlKit/blob/main/recyclerk/src/main/java/com/mozhimen/xmlk/recyclerk/RecyclerKLinearNested.kt