前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >RecyclerView实现列表倒计时

RecyclerView实现列表倒计时

作者头像
砸漏
发布2020-10-16 11:02:29
7460
发布2020-10-16 11:02:29
举报
文章被收录于专栏:恩蓝脚本

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

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

首先看下实现的最终效果

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

代码语言:javascript
复制
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方法中可以一个一个取出来进行倒计时取消操作。

代码语言:javascript
复制
countDownMap.put(holder.clock.hashCode(),holder.countDownTimer);

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

代码语言:javascript
复制
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();

分析它的源码

代码语言:javascript
复制
public CountDownTimer(long millisInFuture, long countDownInterval) {
  mMillisInFuture = millisInFuture;
  mCountdownInterval = countDownInterval;
 }

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

代码语言:javascript
复制
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方法。

代码语言:javascript
复制
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类时就进行过重写,在里面就可以写我们倒计时展示的具体逻辑了。至此整个流程结束。

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档