自己实现一个简单的列表倒计时

对于倒计时，为了让时间更精细化，以及列表Item的复用性考虑，个人觉得最好的处理办法是接口返回两个时间，一个倒计时结束时间、一个服务器时间，然后我们本地需要算服务器时间与本地时间的差值，第一次算出来后存下来，然后 倒计时时间 = 倒计时结束时间 -（本地时间+时间差值），然后为了复用，我们可以在RecyclerView的onViewAttachedToWindow重新开启倒计时，在onViewDetachedFromWindow的时候关闭当前item的倒计时。

image.png

最近项目需要的样式是这样的，没找到现成的库，所以自己就搞了一个简单的，下面是源码：
public class CountDownView extends LinearLayout {

private TextView tvDay, tvHours, tvMinutes, tvSeconds;
private TextView tvDaySuffix, tvHoursSuffix, tvMinutesSuffix;
private CustomCountDownTimer mCustomCountDownTimer;
private long countDownTime;

public CountDownView(Context context) {
    this(context, null);
}

public CountDownView(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs, 0);
}

public CountDownView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);

    initView();
}

private void initView() {
    View view = LayoutInflater.from(getContext()).inflate(R.layout.count_down_view, this);

    tvDay = view.findViewById(R.id.tv_day);
    tvDaySuffix = view.findViewById(R.id.tv_day_suffix);

    tvHours = view.findViewById(R.id.tv_hour);
    tvHoursSuffix = view.findViewById(R.id.tv_hour_suffix);

    tvMinutes = view.findViewById(R.id.tv_minutes);
    tvMinutesSuffix = view.findViewById(R.id.tv_minutes_suffix);

    tvSeconds = view.findViewById(R.id.tv_seconds);
}

public void setItemBackGround(int resId){
    tvDay.setBackground(getResources().getDrawable(resId));
    tvHours.setBackground(getResources().getDrawable(resId));
    tvMinutes.setBackground(getResources().getDrawable(resId));
    tvSeconds.setBackground(getResources().getDrawable(resId));
}

public void setSuffixColor(String color){
    tvDaySuffix.setTextColor(Color.parseColor(color));
    tvHoursSuffix.setTextColor(Color.parseColor(color));
    tvMinutesSuffix.setTextColor(Color.parseColor(color));
}

public void setEndTime(long ms) {
    countDownTime = ms;
    int day;
    int hour;

    day = (int) (ms / (1000 * 60 * 60 * 24));
    hour = (int) ((ms % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

    int minute = (int) ((ms % (1000 * 60 * 60)) / (1000 * 60));
    int second = (int) ((ms % (1000 * 60)) / 1000);

    if (day > 0) {
        tvDay.setVisibility(VISIBLE);
        tvDaySuffix.setVisibility(VISIBLE);
        tvDay.setText(day + "天");
    } else {
        tvDay.setVisibility(GONE);
        tvDaySuffix.setVisibility(GONE);
    }

    if (hour > 0) {
        tvHours.setText(hour < 10 ? "0" + hour : "" + hour);
    } else {
        tvHours.setText("00");
    }
    if (minute > 0){
        tvMinutes.setText(minute < 10 ? "0" + minute : "" + minute);
    }else {
        tvMinutes.setText("00");
    }
    if (second > 0){
        tvSeconds.setText(second == 0 ? "00" : (second < 10 ? "0" + second : "" + second));
    }else {
        tvSeconds.setText("00");
    }
}

public void start() {
    if (countDownTime <= 0) return;
    if (null != mCustomCountDownTimer) {
        mCustomCountDownTimer.stop();
        mCustomCountDownTimer = null;
    }
    mCustomCountDownTimer = new CustomCountDownTimer(countDownTime, 1000) {
        @Override
        public void onTick(long millisUntilFinished) {
            setEndTime(millisUntilFinished);
        }

        @Override
        public void onFinish() {
            // callback
            if (null != listener) {
                listener.onEnd();
            }
        }
    };
    mCustomCountDownTimer.start();
}

public void stop() {
    if (null != mCustomCountDownTimer) mCustomCountDownTimer.stop();
}

public OnCountDownEndListener listener;

public void setOnCountDownEndListener(OnCountDownEndListener listener) {
    this.listener = listener;
}

public interface OnCountDownEndListener {
    void onEnd();
}

}

public abstract class CustomCountDownTimer {

private static final int MSG = 1;
private final long mMillisInFuture;
private final long mCountdownInterval;
private long mStopTimeInFuture;
private long mPauseTimeInFuture;
private boolean isStop = false;
private boolean isPause = false;

/**
 * @param millisInFuture    总倒计时时间
 * @param countDownInterval 倒计时间隔时间
 */
public CustomCountDownTimer(long millisInFuture, long countDownInterval) {
    // 解决秒数有时会一开始就减去了2秒问题（如10秒总数的，刚开始就8999，然后没有不会显示9秒，直接到8秒）
    if (countDownInterval > 1000) millisInFuture += 15;
    mMillisInFuture = millisInFuture;
    mCountdownInterval = countDownInterval;
}

private synchronized CustomCountDownTimer start(long millisInFuture) {
    isStop = false;
    if (millisInFuture <= 0) {
        onFinish();
        return this;
    }
    mStopTimeInFuture = SystemClock.elapsedRealtime() + millisInFuture;
    mHandler.sendMessage(mHandler.obtainMessage(MSG));
    return this;
}

/**
 * 开始倒计时
 */
public synchronized final void start() {
    start(mMillisInFuture);
}

/**
 * 停止倒计时
 */
public synchronized final void stop() {
    isStop = true;
    mHandler.removeMessages(MSG);
}

/**
 * 暂时倒计时
 * 调用{@link #restart()}方法重新开始
 */
public synchronized final void pause() {
    if (isStop) return ;

    isPause = true;
    mPauseTimeInFuture = mStopTimeInFuture - SystemClock.elapsedRealtime();
    mHandler.removeMessages(MSG);
}

/**
 * 重新开始
 */
public synchronized final void restart() {
    if (isStop || !isPause) return ;

    isPause = false;
    start(mPauseTimeInFuture);
}

/**
 * 倒计时间隔回调
 * @param millisUntilFinished 剩余毫秒数
 */
public abstract void onTick(long millisUntilFinished);

/**
 * 倒计时结束回调
 */
public abstract void onFinish();

private Handler mHandler = new Handler() {

    @Override
    public void handleMessage(Message msg) {

        synchronized (CustomCountDownTimer.this) {
            if (isStop || isPause) {
                return;
            }

            final long millisLeft = mStopTimeInFuture - SystemClock.elapsedRealtime();
            if (millisLeft <= 0) {
                onFinish();
            } 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);
            }
        }
    }
};

}

adapter中代码如下：
public class WelfareProductsListAdapter extends BaseQuickAdapter<WelfareItemModel, BaseViewHolder> {

//服务器与手机本地时间差
public long gapTime;

public WelfareProductsListAdapter(int layoutResId, @Nullable List<WelfareItemModel> data) {
    super(layoutResId, data);
}

@Override
protected void convert(@NonNull BaseViewHolder helper, WelfareItemModel item) {
 
    CountDownView countdownView = helper.getView(R.id.cv_countdownView_turn);
    countdownView.setTag(item.getId());

    long localTime = System.currentTimeMillis() / 1000;
    //倒计时的时间
    long endTime = (item.getStartTime() - (localTime + gapTime)) * 1000;
    if (endTime > 0) {
        countdownView.setEndTime(endTime);
        countdownView.start();
    } else {
        countdownView.stop();
    }
    countdownView.setOnCountDownEndListener(() -> {
        notifyItemChanged(helper.getAdapterPosition());
    });
}

@Override
public void onViewAttachedToWindow(BaseViewHolder holder) {
    super.onViewAttachedToWindow(holder);
    CountDownView countdownView = holder.getView(R.id.cv_countdownView_turn);
    int position = holder.getAdapterPosition();
    if (countdownView != null) {
        long localTime = System.currentTimeMillis() / 1000;
        //倒计时的时间
        long endTime = (getItem(position).getStartTime() - (localTime + gapTime)) * 1000;
        if (endTime > 0) {
            countdownView.setEndTime(endTime);
            countdownView.start();
            countdownView.setVisibility(View.VISIBLE);
        } else {
            countdownView.stop();
            countdownView.setVisibility(View.INVISIBLE);
        }
    }
}

@Override
public void onViewDetachedFromWindow(@NonNull BaseViewHolder holder) {
    super.onViewDetachedFromWindow(holder);
    CountDownView countdownView = holder.getView(R.id.cv_countdownView_turn);
    if (countdownView != null) {
        countdownView.stop();
    }
}

}

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 160,026评论 4赞 364
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 67,655评论 1赞 296
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 109,726评论 0赞 244
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 44,204评论 0赞 213
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 52,558评论 3赞 287
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,731评论 1赞 222
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 31,944评论 2赞 314
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,698评论 0赞 203
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,438评论 1赞 246
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,633评论 2赞 247
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,125评论 1赞 260
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,444评论 3赞 255
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 33,137评论 3赞 238
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,103评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,888评论 0赞 197
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,772评论 2赞 276
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,669评论 2赞 271