时间:2021-05-20
前言
最近一直被需求赶着走,有些功能经过测试上线后就没再review。闲下来还是重新优化下老代码,温故而知新,还是有点收获和进步的
需求TODO
团购这种促销方式已经很普遍,尤其是大家熟悉的“并夕夕”更是玩的很6。现在我们就要实现一个团购倒计时列表,并以“剩余:09:12:24.8”这种样式来展示该团距离结束时间的倒计时。
技术初步分析
首先,有关时间变化的,首先想到TimerTask+Timer这个定时器组合,列表不用多说RecyclerView。其中涉及到UI更新,所以需要一个handler来更新item。
初步我们会想到两种方式:
两种方法各有利弊,后面我们再具体通过demo对比。
其次,由于Android系统时间可被更改,所以要求我们不能单纯的直接通过后端返回的groupFinishTime减去当前系统时间System.currentTimeMillis来作为要展示的剩余时间。所以我们首先在对接口时候记得跟后端同学约定好,大佬请直接传给我剩余的时间(单位是秒还是毫秒呢?都可以,不过大部分都会给秒)
想想还有什么坑没想到
综上,我们确定了我们要做的东西:
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时候,我们要去重新请求接口刷新列表,更新recyclerView,停掉以前所有timer,退出Activity时候也要清除,避免内存泄漏
这种办法对于数据比较少的时候还好,一旦页面数据过多就会new很多Timer,导致消耗过大
所以这个方案还是要调整下
2.所有item公用一个Timer
思路:通过一个timer更新每个item数据,在handlerMessage中接受消息,通过notifyItemChanged更新item
关键代码
handler代码
这里有个要注意的点,需要使用notifyitemChanged(position:Int,payLoad:Any),而不是直接使用notifyItemChanged(position:Int)来更新布局,避免页面闪烁
初始化list数据
因为接口返回的是秒,而我们要以100毫秒刷新,所以需要另存一个timesList转存被转化后的时间。
TimerTask代码
上一个样式图:
这样就够了么?
no,no,no,倒计时结束数据的刷新、下拉刷新、上拉加载。这个页面还需要再精细化。我们的目标是星辰大海
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了Android实现倒计时效果的具体代码,供大家参考,具体内容如下一个倒计时的效果先看效果图:直接上代码:这里是关于倒计时…天时分秒…的逻辑判
本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考,具体如下:一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如
本文实例讲述了js实现的奥运倒计时时钟效果代码。分享给大家供大家参考,具体如下:运行效果截图如下:具体代码如下:js倒计时functionsetcountdow
本文实例实现一个倒计时功能.倒计时功能,用在项目的发布时间,或者某个活动做倒计时等等的突出时间功能的方面.界面代码结构,先要完成好.这个界面我就不做那么美观了,
本文实例为大家分享了PHP实现倒计时功能的具体代码,供大家参考,具体内容如下PHP实现倒计时功能=$nowtime){$lefttime=$endtime-$n