项目应用篇RecyclerView嵌套滑动置顶效果实践～

都2021了，RecyclerView嵌套滑动置顶应该曾经被说烂了吧，然而如果我的项目中真的须要一个这样的构造利用到首页，想找到一个成熟的计划并不容易。这篇文章给出的是已稳固运行大半年的嵌套滑动代码。代码地址：

https://github.com/youlookwha…

我的项目起源

半年前接到的工作须要将首页改为天猫或京东的一样，当初仿佛滑动置顶都是标配了，之前在网上看到那么多这相似的文章，找找应该不难，后果我简直找遍了所有的文章与我的项目根本都不能应用，有卡顿的bug，问作者有没有利用到我的项目中也没有回应。

原本想像以前的滑动置顶应用CoordinatorLayout+TabLayout+RecyclerView的模式解决，然而感觉欠妥，用uiautomatorviewer剖析了天猫/京东/网易考拉所有App的首页都是应用的RecyclerView-ViewPager-RecyclerView的模式，而后持续寻找时发现了一个最靠近的我的项目 xmuSistone/PersistentRecyclerView。这应该是我找过的最欠缺的代码，而后利用到理论我的项目中发现还是有问题：

• 1.在华为设施上滑动子RecyclerView时会有跳动
• 2.父RecyclerView下拉刷新应用的是SmartRefreshLayout有issues反馈有卡顿
• 3.子RecyclerView加载更多须要解决
• 4.子RecyclerView嵌套横向的RecyclerView滑动抵触问题
• 5.Android4.4惯性滑动解体问题 当然轮子不可能完满贴合我的项目的需要，于是在下面批改了局部代码。

欠缺

1.在华为设施上滑动子RecyclerView时会有跳动

这个问题我在好几个作者写的滑动置顶代码那里都发现了，其余手机都是没问题的，起因是华为设施灵敏度很高，在手指放在ChildRecyclerView时很容易触发parent.requestDisallowInterceptTouchEvent(false)将事件丢给ParentRecyclerView，而后导致卡顿。解决形式是在dispatchTouchEvent里如果垂直滑动的间隔超过24f才丢给ParentRecyclerView。具体代码：

override fun dispatchTouchEvent(e: MotionEvent): Boolean {
    val x = e.rawX
    val y = e.rawY
    when (e.action) {
        MotionEvent.ACTION_DOWN -> {
            //将按下时的坐标存储
            downX = x
            downY = y
            // true 示意让ParentRecyclerView不要拦挡
            parent.requestDisallowInterceptTouchEvent(true)
        }
        MotionEvent.ACTION_MOVE -> {
            //获取到间隔差
            val dx: Float = x - downX
            val dy: Float = y - downY
            // 通过间隔差判断方向
            val orientation = getOrientation(dx, dy)
            val location = intArrayOf(0, 0)
            getLocationOnScreen(location)
            when (orientation) {
                "d" -> if (canScrollVertically(-1)) {
                    // 能够向下滑动时让ParentRecyclerView不要拦挡
                    parent.requestDisallowInterceptTouchEvent(true)
                } else { //内层RecyclerView下拉到最顶部时
                    if(dy < 24f){
                        // 如果滑动的间隔小于这个值仍然让Parent不拦挡
                        parent.requestDisallowInterceptTouchEvent(true)
                    }else{
                        // 将滑动事件抛给Parent，这样能够随着Parent一起滑动
                        parent.requestDisallowInterceptTouchEvent(false)
                    }
                }
                "u" -> {
                    // 向上滑动时，始终由ChildRecyclerView解决
                    parent.requestDisallowInterceptTouchEvent(true)
                }
            }
        }
    }
    return super.dispatchTouchEvent(e)
}

private fun getOrientation(dx: Float, dy: Float): String {
    return if (Math.abs(dx) > Math.abs(dy)) {
        //X轴挪动
        if (dx > 0) "r" else "l" //右,左
    } else {
        //Y轴挪动
        if (dy > 0) "d" else "u" //下//上
    }
}

2.解决下拉刷新/上拉加载问题(问题2/3)

因为之前花了一番功夫写了 ByRecyclerView，反对下拉刷新和上拉加载，其本质上就是Adapter上加一个非凡的viewType来解决，所带来的兼容性也好很多，于是将BaseRecyclerView继承ByRecyclerView后就达到了要求，给ParentRecyclerView和ChildRecyclerView别离加下拉刷新和上拉加载的监听就好了：

parentRecyclerView.setOnRefreshListener { }
childRecyclerView.setOnLoadMoreListener { }

3.子RecyclerView里的item嵌套横向的RecyclerView滑动抵触问题

这部分绝对于嵌套置顶的解决要简略多了：

override fun dispatchTouchEvent(e: MotionEvent): Boolean {
    val x = e.rawX
    val y = e.rawY
    when (e.action) {
        MotionEvent.ACTION_DOWN -> {
            downX = x
            downY = y
        }
        MotionEvent.ACTION_MOVE -> {
            // 获取到间隔差
            val dx: Float = x - downX
            val dy: Float = y - downY
            // 通过间隔差判断方向
            val orientation = getOrientation(dx, dy)
            val location = intArrayOf(0, 0)
            getLocationOnScreen(location)
            when (orientation) {
                // 高低滑动时抛给ChildRecyclerView解决
                "d" -> parent.requestDisallowInterceptTouchEvent(false)
                "u" -> parent.requestDisallowInterceptTouchEvent(false)
                "r" -> {
                    if (canScrollVertically(-1)) {
                        // 能够向右滑动时，本人解决，能够外部左右滑
                        parent.requestDisallowInterceptTouchEvent(true)
                    } else {
                        // 右滑动到顶时，交给parent解决，使其能够滑到ViewPager下一个的position
                        parent.requestDisallowInterceptTouchEvent(false)
                    }
                }
                "l" -> {
                    if (canScrollVertically(-1)) {
                        parent.requestDisallowInterceptTouchEvent(true)
                    } else {
                        parent.requestDisallowInterceptTouchEvent(false)
                    }
                }
            }
        }
    }
    return super.dispatchTouchEvent(e)
}

4.Android 4.4惯性滑动解体问题

上到线上后发现，应用Android 4.4手机惯性滑动进行后会必现解体，具体起因是onNestedScrollAccepted() was added in API 21. You can’t use it in lower API levels.，因为应用此版本的人数很少，所以粗略解决了一下：

override fun onNestedPreFling(target: View, velocityX: Float, velocityY: Float): Boolean {
        try {
            if (android.os.Build.VERSION.SDK_INT <= 19) {
                return true
            }
            return super.onNestedPreFling(target, velocityX, velocityY)
        } catch (e: Exception) {
            return true
        }
    }

总结

此我的项目是在PersistentRecyclerView中倒退批改而来，其中解决了局部卡顿兼容问题和加了下拉刷新上拉加载性能，且通过一段时间的大范畴应用，根本趋于稳定，应用起来更加不便了。我的项目代码放在了:

https://github.com/youlookwha…

Android高级开发零碎进阶笔记、最新面试温习笔记PDF，我的GitHub

文末

您的点赞珍藏就是对我最大的激励！
欢迎关注搞代码gaodaima网，分享Android干货，交换Android技术。
对文章有何见解，或者有何技术问题，欢送在评论区一起留言探讨！

喜欢 (0)赏

[搞代码]

分享 (0)