Recyclerview点击滑动到指定位置

最近有个新的需求,像有道翻译官的出国急救包,效果如下,
在这里插入图片描述
点击的时候 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滑动到顶端的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值