Android RecyclerView實(shí)現(xiàn)拼團(tuán)倒計(jì)時(shí)列表實(shí)例代碼

更新時(shí)間：2019年09月06日 11:48:33 作者：黃二瓜

這篇文章主要給大家介紹了關(guān)于Android RecyclerView實(shí)現(xiàn)拼團(tuán)倒計(jì)時(shí)列表的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位Android開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

最近一直被需求趕著走，有些功能經(jīng)過(guò)測(cè)試上線后就沒(méi)再review。閑下來(lái)還是重新優(yōu)化下老代碼，溫故而知新，還是有點(diǎn)收獲和進(jìn)步的

需求TODO

團(tuán)購(gòu)這種促銷方式已經(jīng)很普遍，尤其是大家熟悉的“并夕夕”更是玩的很6?，F(xiàn)在我們就要實(shí)現(xiàn)一個(gè)團(tuán)購(gòu)倒計(jì)時(shí)列表，并以“剩余：09:12:24.8”這種樣式來(lái)展示該團(tuán)距離結(jié)束時(shí)間的倒計(jì)時(shí)。

技術(shù)初步分析

首先，有關(guān)時(shí)間變化的，首先想到TimerTask+Timer這個(gè)定時(shí)器組合，列表不用多說(shuō)RecyclerView。其中涉及到UI更新，所以需要一個(gè)handler來(lái)更新item。

初步我們會(huì)想到兩種方式：

每個(gè)item使用一個(gè)timer，更新item
使用一個(gè)timer，更新數(shù)據(jù)源，更新item

兩種方法各有利弊，后面我們?cè)倬唧w通過(guò)demo對(duì)比。

其次，由于Android系統(tǒng)時(shí)間可被更改，所以要求我們不能單純的直接通過(guò)后端返回的groupFinishTime減去當(dāng)前系統(tǒng)時(shí)間System.currentTimeMillis來(lái)作為要展示的剩余時(shí)間。所以我們首先在對(duì)接口時(shí)候記得跟后端同學(xué)約定好，大佬請(qǐng)直接傳給我剩余的時(shí)間（單位是秒還是毫秒呢？都可以，不過(guò)大部分都會(huì)給秒）

想想還有什么坑沒(méi)想到

后端直接給我返回了個(gè)還剩1秒咋辦？莫得辦法，這邏輯如果后端嚴(yán)謹(jǐn)他們會(huì)幫你處理掉很多臨界時(shí)間點(diǎn)╮(╯_╰)╭，要么我們?cè)诮邮盏綌?shù)據(jù)時(shí)候就做好過(guò)濾。
從后端拿到數(shù)據(jù)的網(wǎng)絡(luò)耗時(shí)+解析到展現(xiàn)耗時(shí) （即我的timer從什么時(shí)候開(kāi)始計(jì)時(shí)，以及初始化到啟動(dòng)的消耗）
其實(shí)Android本身就有一個(gè)自己的倒計(jì)時(shí)類：CountDownTimer，內(nèi)部實(shí)現(xiàn)也是通過(guò)Handler實(shí)現(xiàn)，加上注釋共157行，而且計(jì)算了程序內(nèi)部消耗時(shí)間
列表是否支持下拉刷新，上拉加載？刷新之后數(shù)據(jù)是否會(huì)導(dǎo)致布局錯(cuò)亂，這些都需要我們考慮。
RecyclerView的緩存機(jī)制對(duì)不在屏幕內(nèi)和重新回到屏幕內(nèi)數(shù)據(jù)的影響
用到計(jì)時(shí)器肯定要考慮內(nèi)存開(kāi)銷和內(nèi)存泄漏

綜上，我們確定了我們要做的東西：

布局：SwipeRefreshLayout+RecyclerView
計(jì)時(shí)器：CountDownTimer/TimerTask
接口參數(shù)：groupLeftSecond(必須)，groupFinishTime(最好也有)，leftMemberCount（還差x人），leaderAvater（團(tuán)長(zhǎng)頭像）

ok，那么我們就照著并夕夕的頁(yè)面做一個(gè)吧

Coding

1.每個(gè)item一個(gè)CountDownTimer

關(guān)鍵代碼（kotlin)

class GroupListAdapter(private val mContext: Context) : RecyclerView.Adapter<GroupListAdapter.GroupViewHolder>() {

 private var rList: List<GroupOrderBean>? = null
 private val countDownMap: SparseArray<CountDownTimer>?
 private var mPostion: Int = 0
 private var timesList: MutableList<Long> = ArrayList()

 init {
  countDownMap = SparseArray()
 }

 fun setGroupList(list: List<GroupOrderBean>?) {
  this.rList = list
  if (rList?.size!! > 0) {
   timesList = ArrayList()
   for (item in rList!!) {
    timesList.add(
     item.leftSecond * 1000 + System.currentTimeMillis()
    )
   }
  }
 }

	//避免內(nèi)存泄漏
 fun cancelTimers() {
  if (countDownMap == null) {
   return
  }
  for (i in 0 until countDownMap.size()) {
   val cdt = countDownMap.get(countDownMap.keyAt(i))
   cdt?.cancel()
  }
 }

 override fun onBindViewHolder(holder: GroupViewHolder, position: Int) {
  if (rList == null ||rList!!.isEmpty()) {
   return
  }
  var countDownTimer: CountDownTimer? = countDownMap?.get(holder.tvLeftSecond.hashCode())
  countDownTimer?.cancel()

  val groupBean = rList!![position]
  if (groupBean.leftMember <= 0) {
   holder.tvLeftMember?.visibility = View.GONE
  }
  holder.tvLeftMember.text = "還差${groupBean.leftMember}人"
  holder.tvLeftSecond.text = formatTime(groupBean.leftSecond * 1000)

  val lefttime = timesList[position] - System.currentTimeMillis()

  if (groupBean.leftSecond > 0) {
   if (lefttime <= 0) {
    holder.tvLeftSecond?.text = "剩余00:00:00.0"
    //TODO 重新請(qǐng)求刷新數(shù)據(jù)
   } else {
    countDownTimer = object : CountDownTimer(lefttime, 100L) {
     override fun onTick(millisUntilFinished: Long) {
      holder.tvLeftSecond.text = formatTime(millisUntilFinished)
     }

     override fun onFinish() {
      holder.tvLeftSecond.text = "剩余00:00:00.0"
      //TODO 重新請(qǐng)求刷新數(shù)據(jù)
     }
    }.start()
    countDownMap?.put(holder.tvLeftSecond.hashCode(), countDownTimer)
   }

  }

 }

將所有CountDownTimer存在SpaseArray中，統(tǒng)一管理。為了避免viewhodler復(fù)用的時(shí)候我們還新建timer，給每個(gè)timer按照viewholder的hashcode存進(jìn)spaseArray中，這有點(diǎn)像以前用listview時(shí)候使用tag獲取viewholder的感覺(jué)。

還有一個(gè)點(diǎn)，當(dāng)?shù)褂?jì)時(shí)為0時(shí)候，我們要去重新請(qǐng)求接口刷新列表，更新recyclerView，停掉以前所有timer，退出Activity時(shí)候也要清除，避免內(nèi)存泄漏

這種辦法對(duì)于數(shù)據(jù)比較少的時(shí)候還好，一旦頁(yè)面數(shù)據(jù)過(guò)多就會(huì)new很多Timer，導(dǎo)致消耗過(guò)大
所以這個(gè)方案還是要調(diào)整下

2.所有item公用一個(gè)Timer

思路：通過(guò)一個(gè)timer更新每個(gè)item數(shù)據(jù)，在handlerMessage中接受消息，通過(guò)notifyItemChanged更新item

關(guān)鍵代碼

handler代碼

這里有個(gè)要注意的點(diǎn)，需要使用notifyitemChanged(position:Int,payLoad:Any)，而不是直接使用notifyItemChanged(position:Int)來(lái)更新布局，避免頁(yè)面閃爍

 init {
  mTask = CountTask()

  mHandler = object : Handler(Looper.getMainLooper()) {
   override fun handleMessage(msg: Message?) {
    if (msg?.what == 1) {
     if (rList?.size!! > 0) {
      notifyItemChanged(msg.arg1,rList!![msg.arg1])
     }
    }
   }

  }
 }

初始化list數(shù)據(jù)

 fun setGroupList(list: List<GroupOrderBean>?) {
    this.rList = list
    if (rList?.size!! > 0) {
      cancelTimers()
      timesList = ArrayList()
      for (item in rList!!) {
        timesList.add(
          item.leftSecond * 1000
        )
      }
      mTimer = Timer()
      mTask = CountTask()
      mTimer?.schedule(mTask, 0, 100)
    }
  }

  fun cancelTimers() {
    mHandler.removeMessages(1)
      mTimer?.cancel()
      mTimer?.purge()
      mTimer = null
  }

因?yàn)榻涌诜祷氐氖敲?，而我們要?00毫秒刷新，所以需要另存一個(gè)timesList轉(zhuǎn)存被轉(zhuǎn)化后的時(shí)間。

TimerTask代碼

  inner class CountTask : TimerTask() {
    override fun run() {
      if (timesList.isEmpty()) {
        return
      }

      var leftTime:Long
      for (i in timesList.indices) {
        if (timesList[i] <= 0) {
          continue
        }
        leftTime = timesList[i] - 100L
        if (leftTime <= 0) {
          timesList[i] = 0
          continue
        }
        timesList[i] = leftTime

        val message = Message.obtain()
        message.what = 1
        message.arg1 = i
        mHandler.sendMessage(message)

      }
    }
  }

上一個(gè)樣式圖：