最近有个新的需求,像有道翻译官的出国急救包,效果如下,
点击的时候 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不能滑动引起的,想了一下,最终还是放弃这种方法了。
总之是一种实现方式,计算可能会有点不准。
然后去网上搜,看有么有现成别人做好的。
在网上找到一个实现方法点这个,博主写的很详细,这也算rv自带的一种实现方式。
参考这个,最终代码如下
mAdapter.setOnItemClickListener { v, position ->
// val a = XAssetsUtils.getAssetsData<List<RowDataBean>>(assets, "first_aid_data")
// val b= AppGsonObject.toJson(a)
//首先点击的item
val itemBean = mAdapter.getItem(position)
val manage = mRecyclerView.layoutManager
val currView = manage?.findViewByPosition(position)
val mTopScroller = TopSmoothScroller(this)
mTopScroller.targetPosition=position
manage?.startSmoothScroll(mTopScroller)
if (itemBean.isExpand) {
itemBean.isExpand = false
mAdapter.notifyItemChanged(position)
} else {
itemBean.isExpand = true
mAdapter.notifyItemChanged(position)
}
XLogUtils.i("top= ${currView?.top}")
XLogUtils.d("height= ${currView?.height}")
}
最后实现的效果,还没加动画
这种效果 滑动在rv的最底部也是可以将item滑动到顶端的。