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

前言

最近面试时,面试官问了一个列表倒计时效果如何实现,然后脑袋突然懵的了O(∩_∩)O,现在记录一下。

运行效果图

实现思路

实现方法主要有两个:

1.为每个开始倒计时的item启动一个定时器,再做更新item处理;

2.只启动一个定时器,然后遍历数据,再做再做更新item处理。

经过思考,包括性能、实现等方面,决定使用第2种方式实现。

实现过程

数据实体

/**
 * 总共的倒计时的时间(结束时间-开始时间),单位:毫秒
 * 例: 2019-02-23 11:00:30 与 2019-02-23 11:00:00 之间的相差的毫秒数
 */
 private long totalTime;
 /**
 * 倒计时是否在暂停状态
 */
 private boolean isPause = true; 

倒计时

Timer

mTimer.schedule(mTask, 0, 1000);

TimerTask

 class MyTask extends TimerTask {
  @Override
  public void run() {
   if (mList.isEmpty()) {
    return;
   }
   int size = mList.size();
   CountDownTimerBean bean;
   long totalTime;
   for (int i = 0; i < size; i++) {
    bean = mList.get(i);
    if (!bean.isPause()) {//不处于暂停状态
     totalTime = bean.getTotalTime() - 1000;
     if (totalTime <= 0) {
      bean.setPause(true);
      bean.setTotalTime(0);
     }
     bean.setTotalTime(totalTime);
     Message message = mHandler.obtainMessage(1);
     message.arg1 = i;
     mHandler.sendMessage(message);
    }
   }
  }
 }

线程交互更新item

 mHandler = new Handler(Looper.getMainLooper()) {
   @Override
   public void handleMessage(Message msg) {
    switch (msg.what) {
     case 1:
      notifyItemChanged(msg.arg1, "update-time");
      break;
    }
   }
  };

性能优化方面

1.调用notifyItemChanged()方法后,不要更新整个item(比如说item包含图片,不需要变的),所以要重写onBindViewHolder( Holder , int , List

@Override
 public void onBindViewHolder(@NonNull Holder holder, int position, @NonNull List<Object> payloads) {
  if (payloads.isEmpty()) {
   onBindViewHolder(holder, position);
   return;
  }
  //更新某个控件,比如说只需要更新时间信息,其他不用动
  CountDownTimerBean bean = mList.get(position);
  long day = bean.getTotalTime() / (1000 * 60 * 60 * 24);
  long hour = (bean.getTotalTime() / (1000 * 60 * 60) - day * 24);
  long min = ((bean.getTotalTime() / (60 * 1000)) - day * 24 * 60 - hour * 60);
  long s = (bean.getTotalTime() / 1000 - day * 24 * 60 * 60 - hour * 60 * 60 - min * 60);
  holder.tvTime.setText("剩余时间: " + day + "天" + hour + "小时" + min + "分" + s + "秒");
  holder.btnAction.setText(bean.isPause() ? "开始" : "暂停");
  holder.btnAction.setEnabled(bean.getTotalTime() != 0);
 }

2.销毁资源操作:

 /**
  * 销毁资源
  */
 public void destroy() {
  mHandler.removeMessages(1);
  if (mTimer != null) {
   mTimer.cancel();
   mTimer.purge();
   mTimer = null;
  }
 }

RecyclerView.Adapter部分源码

public class CountDownTimerAdapter extends RecyclerView.Adapter<CountDownTimerAdapter.Holder> {
 private static final String TAG = "CountDownTimerAdapter->";
 private List<CountDownTimerBean> mList;//数据
 private Handler mHandler;//线程调度,用来更新列表

 private Timer mTimer;
 private MyTask mTask;

 public CountDownTimerAdapter() {
  mList = new ArrayList<>();
  mHandler = new Handler(Looper.getMainLooper()) {
   @Override
   public void handleMessage(Message msg) {
    switch (msg.what) {
     case 1:
      notifyItemChanged(msg.arg1, "update-time");
      break;
    }
   }
  };
  mTask = new MyTask();
 }

 public void bindAdapterToRecyclerView(@NonNull RecyclerView view) {
  view.setAdapter(this);
 }

 /**
  * 设置新的数据源
  *
  * @param list 数据
  */
 public void setNewData(@NonNull List<CountDownTimerBean> list) {
  destroy();
  mList.clear();
  mList.addAll(list);
  notifyDataSetChanged();
  if (mTimer == null) {
   mTimer = new Timer();
  }
  mTimer.schedule(mTask, 0, 1000);
 }

 /**
  * 销毁资源
  */
 public void destroy() {
  mHandler.removeMessages(1);
  if (mTimer != null) {
   mTimer.cancel();
   mTimer.purge();
   mTimer = null;
  }
 }

 @NonNull
 @Override
 public Holder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
  View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_count_down_timer, viewGroup, false);
  return new Holder(view);
 }

 @Override
 public void onBindViewHolder(@NonNull Holder holder, int position, @NonNull List<Object> payloads) {
  if (payloads.isEmpty()) {
   onBindViewHolder(holder, position);
   return;
  }
  //更新某个控件,比如说只需要更新时间信息,其他不用动
  CountDownTimerBean bean = mList.get(position);
  long day = bean.getTotalTime() / (1000 * 60 * 60 * 24);
  long hour = (bean.getTotalTime() / (1000 * 60 * 60) - day * 24);
  long min = ((bean.getTotalTime() / (60 * 1000)) - day * 24 * 60 - hour * 60);
  long s = (bean.getTotalTime() / 1000 - day * 24 * 60 * 60 - hour * 60 * 60 - min * 60);
  holder.tvTime.setText("剩余时间: " + day + "天" + hour + "小时" + min + "分" + s + "秒");
  holder.btnAction.setText(bean.isPause() ? "开始" : "暂停");
  holder.btnAction.setEnabled(bean.getTotalTime() != 0);
 }

 @Override
 public void onBindViewHolder(@NonNull final Holder holder, int position) {
  holder.ivIcon.setImageResource(R.mipmap.ic_launcher_round);
  final CountDownTimerBean bean = mList.get(position);
  long day = bean.getTotalTime() / (1000 * 60 * 60 * 24);
  long hour = (bean.getTotalTime() / (1000 * 60 * 60) - day * 24);
  long min = ((bean.getTotalTime() / (60 * 1000)) - day * 24 * 60 - hour * 60);
  long s = (bean.getTotalTime() / 1000 - day * 24 * 60 * 60 - hour * 60 * 60 - min * 60);
  holder.tvTime.setText("剩余时间: " + day + "天" + hour + "小时" + min + "分" + s + "秒");
  holder.btnAction.setText(bean.isPause() ? "开始" : "暂停");
  holder.btnAction.setEnabled(bean.getTotalTime() != 0);
  holder.btnAction.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    if (bean.isPause()) {
     bean.setPause(false);
     holder.btnAction.setText("暂停");
    } else {
     bean.setPause(true);
     holder.btnAction.setText("开始");
    }
   }
  });
 }

 @Override
 public int getItemCount() {
  return mList.size();
 }

 class Holder extends RecyclerView.ViewHolder {
  private ImageView ivIcon;
  private TextView tvTime;
  private Button btnAction;

  Holder(@NonNull View itemView) {
   super(itemView);
   ivIcon = itemView.findViewById(R.id.iv_icon);
   tvTime = itemView.findViewById(R.id.tv_time);
   btnAction = itemView.findViewById(R.id.btn_action);
  }
 }

 class MyTask extends TimerTask {
  @Override
  public void run() {
   if (mList.isEmpty()) {
    return;
   }
   int size = mList.size();
   CountDownTimerBean bean;
   long totalTime;
   for (int i = 0; i < size; i++) {
    bean = mList.get(i);
    if (!bean.isPause()) {//不处于暂停状态
     totalTime = bean.getTotalTime() - 1000;
     if (totalTime <= 0) {
      bean.setPause(true);
      bean.setTotalTime(0);
     }
     bean.setTotalTime(totalTime);
     Message message = mHandler.obtainMessage(1);
     message.arg1 = i;
     mHandler.sendMessage(message);
    }
   }
  }
 }
}

项目地址

源码

总结

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

(0)

相关推荐

  • Android中RecyclerView实现多级折叠列表效果(二)

    前言 在本文开始之前请大家先看一下这篇文章:http://www.jb51.net/article/113510.htm 上面的这篇文章是之前写的,里面发现有很多不好用地方,也学到些新姿势,改动了许多地方.下面来看看详细的介绍: 要点: 1.可以通过后台控制Item的展示. 2.TreeRecyclerAdapter,可以展开,折叠.多级展示 3.adapter可以使用装饰者模式进行扩展.支持EmptyAdapter.可以添加headview和footview 4.item的样式可以编写文档,t

  • Android中RecyclerView布局代替GridView实现类似支付宝的界面

    单纯使用GridView 通用的两种给GridView 添加分割线的方法:http://stackoverflow.com/questions/7132030/android-gridview-draw-dividers 给Gridview 添加分割线,也就是实现网格布局,不清楚谷歌为什么没有给Gridview 添加一个类似 ListView 的Divider 属性,因此就需要我们自己去添加分割线, 目前两种方法,第一种是 利用GridView 的  android:horizontalSpac

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • Android RecyclerView的卡顿问题的解决方法

    RecyclerView为什么会卡 RecyclerView作为v7包的新控件,自从推出就广受Android Developer们欢迎,实际上它已经取代了ListView和GridView两位老前辈的地位.然而不少亲们想必也已经发现了:没有优化过的Recycler性能很poor.上一篇博主使用的item也仅仅是一个图两串字而已,结果一滑动就卡的要命,不能忍! 那么why?回想在用ListView和GridView的adapter时,我们是用一种叫ViewHolder的自定义类(容器)来实现优化的

  • Android项目实战之仿网易新闻的页面(RecyclerView )

    本文实例实现一个仿网易新闻的页面,上面是轮播的图片,下面是 RecyclerView 显示新闻列表,具体内容如下 错误方法 <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...> <ViewPager ... /> <android.support.v7.widget.RecyclerView .../> </LinearLayout> 这样布局

  • Android中使用RecyclerView实现下拉刷新和上拉加载

    推荐阅读:使用RecyclerView添加Header和Footer的方法                       RecyclerView的使用之HelloWorld RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍如何为RecyclerView添加下拉刷新和上拉加载,过去在ListView当中添加下拉刷新和上拉加载是非常方便的利用addHeaderView和addFooterVie

  • Android Recyclerview实现多选,单选,全选,反选,批量删除的功能

    效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用checkbox来做,用的是imageview,选中和不选中其实是两张图片 3.默认是不显示选中的控件的,点击编辑的时候显示,点击取消的时候隐藏 4.通过adapter和activity数据之间的传递,然后进行具体的操作 具体代码如下: 在recyclerview的布局中写全选,反选,删除,计数等相

  • Android RecyclerView网格布局(支持多种分割线)详解(2)

    上篇Android RecyclerView 详解(1)-线性布局 记录了下RecyclerView的使用方法,并且讲述了线性布局列表的使用方法,在此基础上加上了万能分割线,支持颜色分割线和图片分割线,同时支持对分割线设置线宽. 这篇是总结一下网格布局的使用,同样也支持两种分割线和线宽的设置. 主要的相关类: 1. RecyclerView.Adapter 2. GridLayoutManager 网格布局管理器 3. RecycleView.ItemDecoration 分割线 下面就直接通过

  • Android中RecyclerView实现横向滑动代码

    RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍Android中RecyclerView实现横向滑动代码,一起看看吧. android.support.v7.widget.RecyclerView 功能:RecyclerView横向滑动 控件:<android.support.v7.widget.RecyclerView /> Java类:RecyclerView.GalleryAdap

  • Android RecyclerView 复用错乱通用解法详解

    写在前面: 在上篇文章中说过对于像 RecyclerView 或者 ListView 等等此类在有限屏幕中展示大量内容的控件,复用的逻辑就是其核心的逻辑,而关于复用导致最常见的 bug 就是复用错乱.在大上周我就遇到了一个很奇怪的问题,这也是我下决心研究 RecyclerView 的原因. RecyclerView 源码分析 而这篇文章的目的首先是讨论在 RecyclerView 复用错乱时,一些通用的解决思路,其次就是探究我遇到的那个奇怪的问题,帮助未来同样遇到的朋友们. 复用错乱的解决办法

随机推荐