Android RecyclerView实现拼团倒计时列表实例代码

Android RecyclerView实现拼团倒计时列表实例代码,第1张

概述Android RecyclerView实现拼团倒计时列表实例代码 前言 最近一直被需求赶着走,有些功能经过测试上线后就没再review.闲下来还是重新优化下老代码,温故而知新,还是有点收获和进步的 需求TODO 团购这种促销方式已经很普遍,尤其是大家熟悉的"并夕夕"更是玩的很6.现在我们就要实现一个团购倒计时列表,并以"剩余:09:12:24.8"这种样式来展示该团距离结束时间的倒计时. 技术初步分析 首先,有关时间变化的,首先想到TimerTask+Timer这个定时器组合,列表不用多说RecyclerView.其中涉 ...

前言

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

需求Todo

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

技术初步分析

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

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

每个item使用一个timer,更新item使用一个timer,更新数据源,更新item

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

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

想想还有什么坑没想到

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

综上,我们确定了我们要做的东西:

布局:SwipeRefreshLayout+RecyclerVIEw计时器:CountDownTimer/TimerTask接口参数:groupleftSecond(必须),groupFinishTime(最好也有),leftMemberCount(还差x人),leaderAvater(团长头像)

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

Coding

1.每个item一个CountDownTimer

关键代码(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()    )   }  } }	//避免内存泄漏 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)   }  } }

将所有CountDownTimer存在SpaseArray中,统一管理。为了避免vIEwhodler复用的时候我们还新建timer,给每个timer按照vIEwholder的hashcode存进spaseArray中,这有点像以前用ListvIEw时候使用tag获取vIEwholder的感觉。

还有一个点,当倒计时为0时候,我们要去重新请求接口@R_537_6419@,更新recyclerVIEw,停掉以前所有timer,退出Activity时候也要清除,避免内存泄漏

这种办法对于数据比较少的时候还好,一旦页面数据过多就会new很多Timer,导致消耗过大
所以这个方案还是要调整下

2.所有item公用一个Timer

思路:通过一个timer更新每个item数据,在handlerMessage中接受消息,通过notifyItemChanged更新item

关键代码

handler代码

这里有个要注意的点,需要使用notifyitemChanged(position:Int,payLoad:Any),而不是直接使用notifyItemChanged(position:Int)来更新布局,避免页面闪烁

 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数据

 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,100)    }  }  fun cancelTimers() {    mHandler.removeMessages(1)      mTimer?.cancel()      mTimer?.purge()      mTimer = null  }

因为接口返回的是秒,而我们要以100毫秒刷新,所以需要另存一个timesList转存被转化后的时间。

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

上一个样式图:

这样就够了么?

no,no,no,倒计时结束数据的刷新、下拉刷新、上拉加载。这个页面还需要再精细化。我们的目标是星辰大海

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持。

总结

以上是内存溢出为你收集整理的Android RecyclerView实现拼团倒计时列表实例代码全部内容,希望文章能够帮你解决Android RecyclerView实现拼团倒计时列表实例代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1145764.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存