RecyclerView實現(xiàn)垂直自動無限滾動察绷,類似于中獎信息干签,跑馬燈

RecyclerView實現(xiàn)垂直自動無限滾動尼酿,類似于中獎信息美澳,跑馬燈

實現(xiàn)RecyclerView中的效果有兩種:

一種為以item為單體,每隔多少秒進行滾動一次

一種為整體流形式進行緩慢滾動

效果圖

實現(xiàn)無限滾動

這里實現(xiàn)無限滾動的方式為在adpater中設(shè)置itemCount為 Integer.MAX_VALUE

注意:此處基于BaseQuickAdapter的庫進行的必孤,也可直接使用原生

class MainAdatper(data: List<String>) : BaseQuickAdapter<String, BaseViewHolder>(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闸度。就會出現(xiàn)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() 方法實現(xiàn)留量,然后再配合自定義LinearSmoothScroller的calculateSpeedPerPixel控制速度,getVerticalSnapPreference實現(xiàn)滾動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()
    //停止?jié)L動
    stopAuto()
}

流式滾動

流式滾動是使用recyclerView中的 smoothScrollBy(x, y) 方法來實現(xiàn)的

此處是通過自定義recyclerView來進行實現(xiàn)哟冬,也可直接在activity中進行實現(xiàn)楼熄。

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中調(diào)用開始滾動與停止?jié)L動
override fun onStart() {
    super.onStart()
    mRvTwo.start()
}

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

項目地址


2018.10.24問題記錄:

  • 自動滾動時出現(xiàn)越界異常(感謝@周曉川的問題反饋)

經(jīng)排查發(fā)現(xiàn)是使用了BaseRecyclerViewAdapterHelper舊版本2.9.21所導(dǎo)致
解決方案:
1.更新BaseRecyclerViewAdapterHelper庫至新版本2.9.30+
2.使用RecyclerView原生的adapter

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市浩峡,隨后出現(xiàn)的幾起案子可岂,更是在濱河造成了極大的恐慌,老刑警劉巖翰灾,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缕粹,死亡現(xiàn)場離奇詭異,居然都是意外死亡纸淮,警方通過查閱死者的電腦和手機平斩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咽块,“玉大人绘面,你說我怎么就攤上這事〕藁Γ” “怎么了飒货?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長峭竣。 經(jīng)常有香客問我,道長晃虫,這世上最難降的妖魔是什么皆撩? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上扛吞,老公的妹妹穿的比我還像新娘呻惕。我一直安慰自己,他們只是感情好滥比,可當(dāng)我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布亚脆。 她就那樣靜靜地躺著,像睡著了一般盲泛。 火紅的嫁衣襯著肌膚如雪濒持。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天寺滚,我揣著相機與錄音柑营,去河邊找鬼。 笑死村视,一個胖子當(dāng)著我的面吹牛官套,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蚁孔,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼奶赔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了杠氢?” 一聲冷哼從身側(cè)響起站刑,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎修然,沒想到半個月后笛钝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡愕宋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年玻靡,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片中贝。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡囤捻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出邻寿,到底是詐尸還是另有隱情蝎土,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布绣否,位于F島的核電站誊涯,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蒜撮。R本人自食惡果不足惜暴构,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一跪呈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧取逾,春花似錦耗绿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至晴埂,卻和暖如春究反,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背邑时。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工奴紧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晶丘。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓黍氮,卻偏偏與公主長得像,于是被迫代替她去往敵國和親浅浮。 傳聞我的和親對象是個殘疾皇子沫浆,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內(nèi)容