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

前言

转眼间距离上次写博客已是过了一个年轮,期间发生了不少事;经历了离职、找工作,新公司的第一版项目上线。现在总算是有时间可以将遇到的问题梳理下了,后期有时间也会分享更多的东西~~

场景

今天分享的问题是当在列表里面显示倒计时,这时候滑动列表会出现时间显示不正常的问题。首先关于倒计时我们需要注意的问题有以下几方面:

在RecyclerView中ViewHolder的复用导致的时间乱跳的问题。

滑动列表时倒计时会重置的问题。

在退出页面后定时器的资源释放问题,这里我使用的是用系统自带的CountDownTimer

ps:这里我们讨论的是对倒计时要求不是很严格的场景,对于用户手动修改系统时间这种操作没法预计;对于淘宝秒杀这种业务场景建议是实时不断请求后台拿取正确时间,对应的接口尽量设计简单,响应数据更快。

接下来通过代码具体了解:

代码

// 适配器
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
  //服务器返回数据
  private List<TimeBean> mDatas;
  //退出activity时关闭所有定时器,避免造成资源泄漏。
  private SparseArray<CountDownTimer> countDownMap;

  //记录每次刷新时的时间
  private long tempTime;

  public MyAdapter(Context context, List<TimeBean> datas) {
    mDatas = datas;
    countDownMap = new SparseArray<>();
  }

  @Override
  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_common, parent, false);
    return new ViewHolder(view);
  }

  @Override
  public void onBindViewHolder(final ViewHolder holder, int position) {
    final TimeBean data = mDatas.get(position);
    //记录时间点
    long timeStamp = System.currentTimeMillis() - tempTime;

    long time = data.getLeftTime() - timeStamp;

    //将前一个缓存清除
    if (holder.countDownTimer != null) {
      holder.countDownTimer.cancel();
    }
    if (time > 0) { //判断倒计时是否结束
      holder.countDownTimer = new CountDownTimer(time, 1000) {
        public void onTick(long millisUntilFinished) {
          holder.timeTv.setText(getMinuteSecond(millisUntilFinished));
        }
        public void onFinish() {
          //倒计时结束
          holder.timeTv.setText("00:00");
        }
      }.start();

      countDownMap.put(holder.timeTv.hashCode(), holder.countDownTimer);
    } else {
      holder.timeTv.setText("00:00");
    }
  }

  @Override
  public int getItemCount() {
    if (mDatas != null && !mDatas.isEmpty()) {
      return mDatas.size();
    }
    return 0;
  }

  public class ViewHolder extends RecyclerView.ViewHolder {
    public TextView timeTv;
    public CountDownTimer countDownTimer;

    public ViewHolder(View itemView) {
      super(itemView);
      timeTv = (TextView) itemView.findViewById(R.id.tv_time);
    }
  }

  public void setGetTime(long tempTime) {
    this.tempTime = tempTime;
  }

  /**
   * 将毫秒数换算成 00:00 形式
   */
  public static String getMinuteSecond(long time) {
    int ss = 1000;
    int mi = ss * 60;
    int hh = mi * 60;
    int dd = hh * 24;

    long day = time / dd;
    long hour = (time - day * dd) / hh;
    long minute = (time - day * dd - hour * hh) / mi;
    long second = (time - day * dd - hour * hh - minute * mi) / ss;

    String strMinute = minute < 10 ? "0" + minute : "" + minute;
    String strSecond = second < 10 ? "0" + second : "" + second;
    return strMinute + ":" + strSecond;
  }

  /**
   * 清空资源
   */
  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();
      }
    }
  }
}

以上算是整个问题的核心代码了;其中SparseArray<CountDownTimer> 用来保存列表里面的定时器,用于退出页面时回收定时器。SparseArray是安卓特有的数据结构,建议多使用;data.getLeftTime() 是服务器返回的需要倒计时的时间,毫秒为单位。

问题一:ViewHolder的复用导致的数据错乱

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

每次设置倒计时之前重置下倒计时即可解决。

问题二:滑动列表时倒计时会重置的问题

这个问题是由于解决问题一而导致的,因为列表滑动时离开屏幕的会被复用,这个时候我们会重新设置定时器,之前我是在倒计时里面记录倒计时剩余的时间然后重新设值,但是还是会有问题;这里借用了系统时间来解决,也就是tempTime 这个值。

首先在服务器请求成功后回调里面设置这个值,如:

  private MyAdapter adapter;

  @Override
  public void onHttpRequestSuccess(String url, HttpContext httpContext)   {
    if (服务器返回数据) {
      adapter.setGetTime(System.currentTimeMillis());
  }

相当于每次做刷新操作时获取的都是系统当时的时间戳。

然后在adapter里面计算

long timeStamp = System.currentTimeMillis() - tempTime;

long time = data.getLeftTime() - timeStamp;

其中tempTime就是我们保存的系统当前时间戳,然后每次滑动列表时都会调用onBindViewHolder,所以timeStamp就是记录的距离上次刷新经过了多少秒,然后用服务器返回的需要倒计时的时间减去经过的秒数就是还剩下的倒计时秒数。最后给定时器设置上就好了。

问题三:资源的释放

在当前的activity中调用以下方法。

@Override
protected void onDestroy() {
  super.onDestroy();
  if (adapter != null) {
    adapter.cancelAllTimers();
  }
}

好了,今天的分享就到这了,因为代码比较简单,布局都是一个Textview,所以没有贴出来,需要代码的可以留言~~

补充知识:Android 自定义倒计时,支持listview多item一起倒计时

项目中用到的两种倒计时,一种是用CountDownTimer,但是这种方式在listview中就不是那么好用了,当listview 里面多个item都需要倒计时,就不可以用这种了,我这里想到用Thread 加handler来一起实现。如果大家还有好的倒计时方法,可以留言一起讨论哦,由于代码都是在项目中的,我就截取几段代码。

第一种 CountDownTimer:

主要自定义一个类继承CountDownTimer,在启动的时候调用start(),倒计时完毕调用canel()方法。

time = new TimeCount(remainingTime, 1000);//构造CountDownTimer对象
time.start();//开始计时

class TimeCount extends CountDownTimer {
    public TimeCount(long millisInFuture, long countDownInterval) {
      super(millisInFuture, countDownInterval);
    }

    @Override
    public void onFinish() {//计时完毕时触发
      if (isDead) {
        remainingTime = 90000;
        ColorStateList colorStateList = getResources().getColorStateList(R.color.button_send_code_text2_selector);
        getCode.setTextColor(colorStateList);
        getCode.setText(R.string.register_tip7);
        getCode.setEnabled(true);
      }
    }

    @Override
    public void onTick(long millisUntilFinished) {//计时过程显示
      if (isDead) {
        getCode.setEnabled(false);
        getCode.setTextColor(getResources().getColor(R.color.grey5));
        remainingTime = millisUntilFinished;
        getCode.setText(millisUntilFinished / 1000 + "秒后重发");
      }
    }
  }

第二种 Thread 加handler

创建一个新的线程,每秒中减一次时间,然后在handler中每秒中刷新一次界面就可以看到倒计时的效果。

 private Thread thread;

  //条目倒计时
  public void start() {
    thread = new Thread() {
      public void run() {
        while (true) {
          try {
            if (list != null) {
              for (InvestProjectVo item : list) {

                if(item.remainOpenTime == 0){
                  item.status = 0;
                }

                if(item.remainOpenTime > 0){
                  item.remainOpenTime = item.remainOpenTime - 1;
                }
              }
            }
            sleep(1000);
          } catch (InterruptedException e) {
            e.printStackTrace();
          }
        }
      }
    };
    thread.start();
  }

在adapter的getview()方法中,判断倒计时时间是否大于0,如果大于零可以继续显示倒计时时间

          if (vo.remainOpenTime != 0 && vo.remainOpenTime > 0) {

            viewCache.showProjectFullIcon.setVisibility(View.GONE);
            viewCache.projectProgress.setVisibility(View.GONE);
            viewCache.showTimer.setVisibility(View.VISIBLE);

            long tempTime = vo.remainOpenTime;
            long day = tempTime / 60 / 60 / 24;
            long hours = (tempTime - day * 24 * 60 * 60) / 60 / 60;
            long minutes = (tempTime - day * 24 * 60 * 60 - hours * 60 * 60) / 60;
            long seconds = (tempTime - day * 24 * 60 * 60 - hours * 60 * 60 - minutes * 60);
            if (minutes > 0) {
              viewCache.timer.setText(minutes + "分" + seconds + "秒");
            } else {
              viewCache.timer.setText(seconds + "秒");
            }
          }else{
            viewCache.showProjectFullIcon.setVisibility(View.GONE);
            viewCache.projectProgress.setVisibility(View.VISIBLE);
            viewCache.showTimer.setVisibility(View.GONE);
          }

在handler中每秒钟刷新一次界面

mHandler.sendEmptyMessageDelayed(2586221,1000);

adapter.notifyDataSetChanged();
//每隔1毫秒更新一次界面,如果只需要精确到秒的倒计时此处改成1000即可
mHandler.sendEmptyMessageDelayed(2586221,1000);

以上这篇解决Android-RecyclerView列表倒计时错乱问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。