Recyclerview点击滑动到指定位置

优化滑动效果：实现类似有道翻译官的出国急救包 RecyclerView 动画展示

最新推荐文章于 2025-08-28 17:36:00 发布

原创

最新推荐文章于 2025-08-28 17:36:00 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#recyclerview #SmoothScroller

本文探讨了一种改进的RecyclerView滑动策略，以模仿有道翻译官应用中的出国急救包功能。作者尝试了直接使用`smoothScrollBy`但遇到底部无效的问题，转而采用`TopSmoothScroller`实现精准的滑动到指定位置，包括底部。最终解决了滑动动画问题并适用于底部和顶部。

最近有个新的需求，像有道翻译官的出国急救包，效果如下，
在这里插入图片描述
点击的时候 item跑到最上面然后展开下面的内容。

首先想到用recyclerview来做，点的时候显示隐藏的内容，然后把item滑到最顶端，也就是item的top刚好滑动的recyclerview的top，加上动画就可以实现上面的效果了。

首先想到的用recyclerview自带的滑动方法mRecyclerView.smoothScrollBy(x,y)，这就需要计算当前item的top距离rv的top的值，然后传入mRecyclerView.smoothScrollBy(x,y)，就可以实现滑动，

           var currTopPosition = 0
             val manage = mRecyclerView.layoutManager
            val currView = manage?.findViewByPosition(position)

            mRecyclerView.smoothScrollBy(0,(position-currTopPosition)*(currView?.height?:0))
            currTopPosition = position
          //做显示隐藏布局操作......

上面代码就可以实现滑到到顶部，兴致勃勃的去验证时发现了问题，滑动到最底下时候，调用mRecyclerView.smoothScrollBy(x,y)会无效，应该是rv不能滑动引起的，想了一下，最终还是放弃这种方法了。
总之是一种实现方式，计算可能会有点不准。

然后去网上搜，看有么有现成别人做好的。

在网上找到一个实现方法