RecyclerView实现列表倒计时

最近在做一个项目,需要用到列表倒计时功能,捣鼓半天终于弄了出来,在安卓中实现这个效果需要用到Countdowntimer,通过这个类的使用,不仅可以实现倒计时的效果,还可以完美解决在实现倒计时过程中的两个bug。

1.内存问题
2.由于recyclerview的item复用导致不同条目的时间错乱

首先看下实现的最终效果

如何显示列表我相信大家都会,这里我只附上和倒计时功能实现的adapter类。

public class ClockAdapter extends RecyclerView.Adapter<ClockAdapter.ClockViewHolder> {
 private SparseArray<CountDownTimer> countDownMap = new SparseArray<>();

 @Override
 public ClockViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_rv, parent, false);

  return new ClockViewHolder(view);
 }
 /**
  * 清空资源
  */
 public void cancelAllTimers() {
  if (countDownMap == null) {
   return;
  }
  for (int i = 0,length = countDownMap.size(); i < length; i++) {
   CountDownTimer cdt = countDownMap.get(countDownMap.keyAt(i));
   if (cdt != null) {
    cdt.cancel();
   }
  }
 }

 @Override
 public void onBindViewHolder(final ClockViewHolder holder, int position) {
  long betweenDate;
  if (position == 0) {
   betweenDate= DateUtil.getLeftTime("2017-8-8 12:10:10");
  } else {
   betweenDate= DateUtil.getLeftTime("2017-8-9 15:10:10");
  }

  if (holder.countDownTimer != null) {
   holder.countDownTimer.cancel();
  }

  if (betweenDate > 0) {
   holder.countDownTimer = new CountDownTimer(betweenDate, 1000) {
    public void onTick(long millisUntilFinished) {
     millisUntilFinished = millisUntilFinished / 1000;
     int hours = (int) (millisUntilFinished / (60 * 60));
     int leftSeconds = (int) (millisUntilFinished % (60 * 60));
     int minutes = leftSeconds / 60;
     int seconds = leftSeconds % 60;

     final StringBuffer sBuffer = new StringBuffer();
     sBuffer.append(addZeroPrefix(hours));
     sBuffer.append(":");
     sBuffer.append(addZeroPrefix(minutes));
     sBuffer.append(":");
     sBuffer.append(addZeroPrefix(seconds));
     holder.clock.setText(sBuffer.toString());
    }
    public void onFinish() {
//     时间结束后进行相应逻辑处理
    }
   }.start();
   countDownMap.put(holder.clock.hashCode(), holder.countDownTimer);
  } else {
//   时间结束 进行相应逻辑处理
  }

 }

 @Override
 public int getItemCount() {
  return 25;
 }

 class ClockViewHolder extends RecyclerView.ViewHolder {

  TextView clock;
  CountDownTimer countDownTimer;

  public ClockViewHolder(View itemView) {
   super(itemView);
   clock = (TextView) itemView.findViewById(R.id.clock);
  }
 }
}

其中cancelAllTimer()这个方法解决了内存的问题,通过这行代码,将item的hashcode作为key设入SparseArray中,这样在cancelAllTimer方法中可以一个一个取出来进行倒计时取消操作。

countDownMap.put(holder.clock.hashCode(),holder.countDownTimer);

接着通过下面这行代码新建一个CountDownTimer类

holder.countDownTimer = new CountDownTimer(betweenDate, 1000) {
 public void onTick(long millisUntilFinished) {
 millisUntilFinished = millisUntilFinished / 1000;
 int hours = (int) (millisUntilFinished / (60 * 60));
 int leftSeconds = (int) (millisUntilFinished % (60 * 60));
 int minutes = leftSeconds / 60;
 int seconds = leftSeconds % 60;
 final StringBuffer sBuffer = new StringBuffer();
 sBuffer.append(addZeroPrefix(hours));
 sBuffer.append(":")   sBuffer.append(addZeroPrefix(minutes));
     sBuffer.append(":");
     sBuffer.append(addZeroPrefix(seconds));
     holder.clock.setText(sBuffer.toString());
}
public void onFinish() {
// 时间结束后进行相应逻辑处理
}
}.start();

分析它的源码

public CountDownTimer(long millisInFuture, long countDownInterval) {
  mMillisInFuture = millisInFuture;
  mCountdownInterval = countDownInterval;
 }

从中可以很清楚的看出,设置了两个值,第一个是倒计时结束时间,第二个是刷新时间的间隔时间。
然后通过start方法进行启动,接着看下start方法中进行的处理

public synchronized final CountDownTimer start() {
  mCancelled = false;
  if (mMillisInFuture <= 0) {
   onFinish();
   return this;
  }
  mStopTimeInFuture = SystemClock.elapsedRealtime() + mMillisInFuture;
  mHandler.sendMessage(mHandler.obtainMessage(MSG));
  return this;
 }

源码中,当倒计时截止时间小于等0时也就是倒计时结束时,调用了onFinish方法,若时间还未结束,则通过handler的异步消息机制,将消息进行发出,通过一整个流程,最终方法会走到handler的handleMessage方法中,如果有不熟悉这个异步流程的伙伴,可以去看我以前写的一篇异步消息机制的文章 android异步消息机制,源码层面彻底解析。好了,接下来就来看看handler的handleMessage方法。

private Handler mHandler = new Handler() {

 @Override
 public void handleMessage(Message msg) {

  synchronized (CountDownTimer.this) {
  if (mCancelled) {
   return;
  }

  final long millisLeft = mStopTimeInFuture - SystemClock.elapsedRealtime();

  if (millisLeft <= 0) {
   onFinish();
  } else if (millisLeft < mCountdownInterval) {
  // no tick, just delay until done
  sendMessageDelayed(obtainMessage(MSG), millisLeft);
  } else {
long lastTickStart=SystemClock.elapsedRealtime();
   onTick(millisLeft);
 // take into account user's onTick taking time to execute
 long delay = lastTickStart + mCountdownInterval - SystemClock.elapsedRealtime();

// special case: user's onTick took more than interval to
// complete, skip to next interval
 while (delay < 0) delay += mCountdownInterval;
  sendMessageDelayed(obtainMessage(MSG), delay);
    }
   }
  }
 };

相信这段源码还是很通熟易懂,首先计算出剩余时间,如果剩余时间小于刷新时间,就发送一条延时消息直到时间结束,如果剩余时间大于刷新时间就调用onTick(millisLeft)方法,这个方法在我们创建CountDownTimer类时就进行过重写,在里面就可以写我们倒计时展示的具体逻辑了。至此整个流程结束。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

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

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

  • Android如何利用RecyclerView实现列表倒计时效果实例代码

    前言 最近面试时,面试官问了一个列表倒计时效果如何实现,然后脑袋突然懵的了O(∩_∩)O,现在记录一下. 运行效果图 实现思路 实现方法主要有两个: 1.为每个开始倒计时的item启动一个定时器,再做更新item处理: 2.只启动一个定时器,然后遍历数据,再做再做更新item处理. 经过思考,包括性能.实现等方面,决定使用第2种方式实现. 实现过程 数据实体 /** * 总共的倒计时的时间(结束时间-开始时间),单位:毫秒 * 例: 2019-02-23 11:00:30 与 2019-02-2

  • Android利用RecyclerView实现列表倒计时效果

    最近面试时,面试官问了一个列表倒计时效果如何实现,现在记录一下. 运行效果图 实现思路 实现方法主要有两个: 1.为每个开始倒计时的item启动一个定时器,再做更新item处理: 2.只启动一个定时器,然后遍历数据,再做再做更新item处理. 经过思考,包括性能.实现等方面,决定使用第2种方式实现. 实现过程 数据实体 /** * 总共的倒计时的时间(结束时间-开始时间),单位:毫秒 * 例: 2019-02-23 11:00:30 与 2019-02-23 11:00:00 之间的相差的毫秒数

  • RecyclerView实现列表倒计时

    最近在做一个项目,需要用到列表倒计时功能,捣鼓半天终于弄了出来,在安卓中实现这个效果需要用到Countdowntimer,通过这个类的使用,不仅可以实现倒计时的效果,还可以完美解决在实现倒计时过程中的两个bug. 1.内存问题 2.由于recyclerview的item复用导致不同条目的时间错乱 首先看下实现的最终效果 如何显示列表我相信大家都会,这里我只附上和倒计时功能实现的adapter类. public class ClockAdapter extends RecyclerView.Ada

  • Android 实现列表倒计时功能

    单个计时器,然后遍历数据 刷新条目: 两种实现方式:1.Handler轮询: 2.子线程睡眠(时间到后 移除列表中的条目会有问题): 代码很简单,没有任何难度,列表使用 RecyclerView+BaseRecyclerViewAdapterHelper实现: implementation 'androidx.recyclerview:recyclerview:1.1.0' implementation 'com.github.CymChad:BaseRecyclerViewAdapterHel

  • 解决Android-RecyclerView列表倒计时错乱问题

    前言 转眼间距离上次写博客已是过了一个年轮,期间发生了不少事:经历了离职.找工作,新公司的第一版项目上线.现在总算是有时间可以将遇到的问题梳理下了,后期有时间也会分享更多的东西-- 场景 今天分享的问题是当在列表里面显示倒计时,这时候滑动列表会出现时间显示不正常的问题.首先关于倒计时我们需要注意的问题有以下几方面: 在RecyclerView中ViewHolder的复用导致的时间乱跳的问题. 滑动列表时倒计时会重置的问题. 在退出页面后定时器的资源释放问题,这里我使用的是用系统自带的CountD

  • Android使用RecyclerView实现列表数据选择操作

    这些时间做安卓盒子项目,因为安卓电视的显示器比较大,所以一个界面显示 很多数据 ,最多的时候,一个Actvity中用到了好几个RecyclerView. 在RecyclerView中实现Item选中处理时,发现用CheckBox的OnCheckedChangeListener监听事件时,会达不到预期,所以用了OnClickListener来实现. 主界面代码: public class CheckRecyclerViewActivity extends AppCompatActivity imp

  • 小程序实现列表倒计时功能

    本文实例为大家分享了小程序实现列表倒计时的具体代码,供大家参考,具体内容如下 效果 HTML代码 <view class="hbMpBox" wx:for="{{mpThing}}" data-goodsId="{{item.goods_id}}" data-id="{{index}}" bindtap="navSeceGroup"> <view class="hbMpBox_l

  • Android 手写RecyclerView实现列表加载

    目录 前言 1 RecyclerView的加载流程 2 自定义RecyclerView 2.1 RecyclerView三板斧 2.2 初始化工作 2.3 ItemView的获取与摆放 2.4 复用池 2.5 数据更新 3 RecyclerView滑动事件处理 3.1 点击事件与滑动事件 3.2 scrollBy和scrollTo 3.3 滑动带来的View回收 3.4 加载机制 3.5 RecyclerView下滑处理 3.6 边界问题 前言 我相信一点,只要我们的产品中,涉及到列表的需求,肯

  • Android 列表倒计时的实现的示例代码(CountDownTimer)

    实习一段时间了,一直想写点技术总结,但一直没找到合适的主题.刚好,最近版本中我负责的模块遇到了个线程相关问题(之前一直画界面,做点基础功能,有点乏味),列表项倒计时的实现. 于是乎,我的第一篇android技术文章就诞生了. [醒目]该demo用Kotlin语言实现. 背景介绍 需要在ListView的item里实现倒计时,初看还挺简单的,但是真正做的时候也遇到了不少坑. 网上有不少类似文章,有用对TextView扩展实现的,也有用自带的CountDownTimer实现的,本文就是用CountD

  • Android单个RecyclerView实现列表嵌套的效果

    很多时候会遇到一种需求,列表里面有列表,像这种需求之前一般都是用多个列表控件互相嵌套来实现,但是这样很容易出现一些问题,例如滚动冲突.数据显示不全.多余的逻辑处理等.后来发现,一个recyclerview就可以实现列表嵌套的效果,这里需要用到recyclerview的多布局功能. 效果图: recyclerview的多布局涉及到的主要方法是getItemViewType,作用是设置每个item要显示的布局类型.之前不了解的时候,都是直接用数学逻辑直接去计算,多少个position后显示什么布局,

随机推荐