RecyclerView实现拼团倒计时列表

最近一直被需求赶着走，有些功能经过测试上线后就没再review。闲下来还是重新优化下老代码，温故而知新，还是有点收获和进步的

团购这种促销方式已经很普遍，尤其是大家熟悉的“并夕夕”更是玩的很6。现在我们就要实现一个团购倒计时列表，并以“剩余：09:12:24.8”这种样式来展示该团距离结束时间的倒计时。

首先，有关时间变化的，首先想到TimerTask+Timer这个定时器组合，列表不用多说RecyclerView。其中涉及到UI更新，所以需要一个handler来更新item。

初步我们会想到两种方式：

1. 每个item使用一个timer，更新item
2. 使用一个timer，更新数据源，更新item

两种方法各有利弊，后面我们再具体通过demo对比。

其次，由于Android系统时间可被更改，所以要求我们不能单纯的直接通过后端返回的groupFinishTime减去当前系统时间System.currentTimeMillis来作为要展示的剩余时间。所以我们首先在对接口时候记得跟后端同学约定好，大佬请直接传给我剩余的时间（单位是秒还是毫秒呢？都可以，不过大部分都会给秒）

想想还有什么坑没想到

1. 后端直接给我返回了个还剩1秒咋办？ 莫得办法，这逻辑如果后端严谨他们会帮你处理掉很多临界时间点╮(╯_╰)╭，要么我们在接收到数据时候就做好过滤。
2. 从后端拿到数据的网络耗时+解析到展现耗时 （即我的timer从什么时候开始计时，以及初始化到启动的消耗）
   其实Android本身就有一个自己的倒计时类：CountDownTimer，内部实现也是通过Handler实现，加上注释共157行，而且计算了程序内部消耗时间
3. 列表是否支持下拉刷新，上拉加载？刷新之后数据是否会导致布局错乱，这些都需要我们考虑。
4. RecyclerView的缓存机制对不在屏幕内和重新回到屏幕内数据的影响
5. 用到计时器肯定要考虑内存开销和内存泄漏

综上，我们确定了我们要做的东西：

• 布局：SwipeRefreshLayout+RecyclerView
• 计时器：CountDownTimer或TimerTask+Timer
• 接口参数：groupLeftSecond(必须)，groupFinishTime(最好也有)，leftMemberCount（还差x人），leaderAvater（团长头像）

ok，那么我们就照着并夕夕的页面做一个吧

关键代码（kotlin)

    class GroupListAdapter(private val mContext: Context) : RecyclerView.Adapter() {
    
 private var rList: List? = null
 private val countDownMap: SparseArray?
 private var mPostion: Int = 0
 private var timesList: MutableList = ArrayList()
    
 init {
     countDownMap = SparseArray()
 }
    
 fun setGroupList(list: List?) {
     this.rList = list
     if (rList?.size!! > 0) {
  timesList = ArrayList()
  for (item in rList!!) {
      timesList.add(
   item.leftSecond * 1000 + System.currentTimeMillis()
      )
  }
     }
 }
    
    	//避免内存泄漏
 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 重新请求刷新数据
  } 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 重新请求刷新数据
   }
      }.start()
      countDownMap?.put(holder.tvLeftSecond.hashCode(), countDownTimer)
  }
    
     }
    
 }

      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])
   }
      }
  }
    
     }
 }

      fun setGroupList(list: List?) {
     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
 }

 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)
    
  }
     }
 }