乐趣区

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

jiezi

都 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，而后导致卡顿。解决形式是在dispatchTouchEven t 里如果垂直滑动的间隔超过 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

文末

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

退出移动版