脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android RecyclerView拼团倒计时列表

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

 更新时间：2019年09月06日 11:48:33   作者：黄二瓜  
这篇文章主要给大家介绍了关于Android RecyclerView实现拼团倒计时列表的相关资料，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

前言

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

需求TODO

团购这种促销方式已经很普遍，尤其是大家熟悉的“并夕夕”更是玩的很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
  • 接口参数：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时候，我们要去重新请求接口刷新列表，更新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, 0, 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解析图片的OOM问题的方法!!!

    解决Android解析图片的OOM问题的方法!!!

    我们在编写Android程序的时候经常要用到许多图片，不同图片总是会有不同的形状、不同的大小，程序占用了过高的内存就容易出现OOM(OutOfMemory)异常。本篇文章主要讲诉了解决Android解析图片的OOM问题，有兴趣的可以了解一下。
    2016-11-11
  • Kotlin StateFlow单数据更新热流设计与使用介绍

    Kotlin StateFlow单数据更新热流设计与使用介绍

    StateFlow当值发生变化，就会将值发送出去，下流就可以接收到新值。在某些场景下，StateFlow比LiveData更适用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
    2022-09-09
  • 浅谈Android应用内悬浮控件实践方案总结

    浅谈Android应用内悬浮控件实践方案总结

    本篇文章主要介绍了浅谈Android应用内悬浮控件实践方案总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 解决Android模拟器端口被占用问题的办法

    解决Android模拟器端口被占用问题的办法

    这篇文章主要为大家分享了Android模拟器端口被占用问题的解决办法，遇到Android模拟器端口被占用的时候，真的很头疼，如何才能解决端口被占用的问题，下文为大家揭晓
    2015-12-12
  • Flutter实现抽屉动画

    Flutter实现抽屉动画

    这篇文章主要为大家详细介绍了Flutter实现抽屉动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 详解Android App中创建ViewPager组件的方法

    详解Android App中创建ViewPager组件的方法

    这篇文章主要介绍了详解Android App中创建ViewPager组件的方法,ViewPager最基本的功能就是可以使视图滑动,需要的朋友可以参考下
    2016-03-03
  • Android提高之ListView实现自适应表格的方法

    Android提高之ListView实现自适应表格的方法

    这篇文章主要介绍了Android采用ListView实现自适应表格的方法,比较实用的功能,需要的朋友可以参考下
    2014-08-08
  • android 设置控件的颜色字体的方法

    android 设置控件的颜色字体的方法

    这篇文章介绍了android 设置控件的颜色字体的方法，有需要的朋友可以参考一下
    2013-09-09
  • Android短信接收监听、自动回复短信操作例子

    Android短信接收监听、自动回复短信操作例子

    本文实现了短信接收监听，当接收到短信时，可自动回复短信，或自动回拨电话，同时监听短信的发送状态
    2014-04-04
  • Android内存优化操作方法梳理总结

    Android内存优化操作方法梳理总结

    这篇文章主要介绍了Android 内存优化知识点梳理总结，Android 操作系统给每个进程都会分配指定额度的内存空间，App 使用内存来进行快速的文件访问交互，长时间如此便需要优化策略，文章分享优化知识点总结，需要的朋友可以参考一下
    2022-11-11

最新评论