RecyclerView实现垂直自动无限滚动，类似于中奖信息，跑马灯

RecyclerView实现垂直自动无限滚动，类似于中奖信息，跑马灯

实现RecyclerView中的效果有两种：

一种为以item为单体，每隔多少秒进行滚动一次

一种为整体流形式进行缓慢滚动

效果图

实现无限滚动

这里实现无限滚动的方式为在adpater中设置itemCount为 Integer.MAX_VALUE

注意：此处基于BaseQuickAdapter的库进行的，也可直接使用原生

class MainAdatper(data: List) : BaseQuickAdapter(R.layout.item_txt, data) {

    override fun convert(helper: BaseViewHolder?, item: String?) {
        helper?.setText(R.id.mTv, item)
    }


    override fun getItem(position: Int): String? {
        val newPosition = position % data.size
        return getData().get(newPosition)
    }

    override fun getItemViewType(position: Int): Int {
        var count = getHeaderLayoutCount() + getData().size
        //刚开始进入包含该类的activity时,count为0。就会出现0%0的情况，这会抛出异常，所以我们要在下面做一下判断
        if (count <= 0) {
            count = 1
        }
        var newPosition = position % count;
        return super.getItemViewType(newPosition);
    }

    override fun getItemCount(): Int {
        return Integer.MAX_VALUE
    }

}

item为单位，每隔n秒滚动一个item

这边主要是使用recyclerView中的smoothScrollToPosition() 方法实现，然后再配合自定义LinearSmoothScroller的calculateSpeedPerPixel控制速度,getVerticalSnapPreference实现滚动item置顶

mRv.layoutManager = LinearLayoutManager(this)
mRv.addItemDecoration(DividerItemDecoration(this, DividerItemDecoration.VERTICAL))
mRv.adapter = MainAdatper(data)
mSmoothScroll = object : LinearSmoothScroller(this) {
    override fun getVerticalSnapPreference(): Int {
        return LinearSmoothScroller.SNAP_TO_START
    }

    override fun calculateSpeedPerPixel(displayMetrics: DisplayMetrics?): Float {
        // 移动一英寸需要花费3ms
        return 3f / (displayMetrics?.density ?: 1f)
    }
}



==============================================================
fun startAuto() {
    if (mAutoTask != null && (mAutoTask?.isDisposed ?: true))
        mAutoTask?.dispose()
    
    //延时1秒，每2秒滚动一次
    mAutoTask = Observable.interval(1, 2, TimeUnit.SECONDS).subscribe {
       //定位到指定项如果该项可以置顶就将其置顶显示
        mSmoothScroll.targetPosition = it.toInt()
        (mRv.layoutManager as LinearLayoutManager).startSmoothScroll(mSmoothScroll)
    }
}

fun stopAuto() {
    if (mAutoTask != null && (mAutoTask?.isDisposed ?: true)) {
        mAutoTask?.dispose()
        mAutoTask = null
    }
}


override fun onStart() {
    super.onStart()
    //开始滚动
    startAuto()
}

override fun onStop() {
    super.onStop()
    //停止滚动
    stopAuto()
}

流式滚动

流式滚动是使用recyclerView中的 smoothScrollBy(x, y) 方法来实现的

此处是通过自定义recyclerView来进行实现，也可直接在activity中进行实现。

class AutoScrollRecyclerView(mContext: Context, attrs: AttributeSet?) : RecyclerView(mContext, attrs) {

    private var mAutoTask: Disposable? = null

    //禁止手动滑动
    override fun dispatchTouchEvent(ev: MotionEvent?): Boolean {
        return true
    }

    fun start() {
        if (mAutoTask != null && !mAutoTask!!.isDisposed) {
            mAutoTask!!.dispose()
        }
        mAutoTask = Observable.interval(1000, 100, TimeUnit.MILLISECONDS).observeOn(AndroidSchedulers.mainThread()).subscribe { smoothScrollBy(0, 20) }
    }

    fun stop() {
        if (mAutoTask != null && !mAutoTask!!.isDisposed) {
            mAutoTask!!.dispose()
            mAutoTask = null
        }
    }

}

==================================================
//在activity中调用开始滚动与停止滚动
override fun onStart() {
    super.onStart()
    mRvTwo.start()
}

override fun onStop() {
    super.onStop()
    mRvTwo.stop()
}
    

项目地址

• AutoScrollRecyclerView（kotlin）

• AutoScrollRecyclerView（java）

---

2018.10.24问题记录：

• 自动滚动时出现越界异常（感谢@周晓川的问题反馈）

经排查发现是使用了BaseRecyclerViewAdapterHelper旧版本2.9.21所导致
解决方案：
1.更新BaseRecyclerViewAdapterHelper库至新版本2.9.30+
2.使用RecyclerView原生的adapter