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

所属分类: 软件编程 / Android 阅读数: 92
收藏 0 赞 0 分享

最近面试时,面试官问了一个列表倒计时效果如何实现,现在记录一下。

运行效果图

实现思路

实现方法主要有两个:
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);
    }
   }
  }
 }
}

项目地址:Android利用RecyclerView实现列表倒计时效果

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

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多