最近有个新的需求,像有道翻译官的出国急救包,效果如下,

点击的时候 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不能滑动引起的,想了一下,最终还是放弃这种方法了。
总之是一种实现方式,计算可能会有点不准。
然后去网上搜,看有么有现成别人做好的。
在网上找到一个实现方法

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

被折叠的 条评论
为什么被折叠?



