Android倒计时组件

前言

倒计时组件在一些活动中经常使用，比如电商的抢购，会议，社交的活动等等，通常来说在页面关闭时取消倒计时并释放资源即可，但是放到列表中就会显得有些麻烦，考虑封装组件，组件内部管理倒计时取消及资源的释放。

实现

基本上基于adapter的列表下考虑：

1.在组件从当前屏幕移除时，取消倒计时以及释放资源。
2.重新出现在屏幕上需要重新开启倒计时

代码实现如下：

public class TextCountDownView extends LinearLayout {

    private TextView tv_time;
    private TextView tv_pre_prompt;

    private CountDownTimer countDownTimer;
    private CountDownListener listener;

    public TextCountDownView(Context context) {
        super(context);
        initView(context,null);
    }

    public TextCountDownView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initView(context,attrs);
    }

    public TextCountDownView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context,attrs);
    }

    public void setCountDownListener(CountDownListener listener){
        this.listener = listener;
    }

    private void initView(Context context, AttributeSet attrs) {
        initUi(context);
    }

    private void initUi(Context context) {
        View view = LayoutInflater.from(context).inflate(R.layout.count_down_text_view,this,false);
        tv_pre_prompt = view.findViewById(R.id.tv_pre_prompt);
        tv_time = view.findViewById(R.id.tv_time);
        this.addView(view);
    }

    public void setPrompt(String prompt){
        tv_pre_prompt.setText(prompt);
    }

    public void setStyle(String color,int fontSizeSp){
        tv_pre_prompt.setTextSize(fontSizeSp);
        tv_time.setTextSize(fontSizeSp);
        tv_pre_prompt.setTextColor(Color.parseColor(color));
        tv_time.setTextColor(Color.parseColor(color));
    }

    public void setCountTime(String hours,String minutes,String seconds){
        tv_time.setText(hours+":"+minutes+":"+seconds);
    }

    /**
     * 倒计时，小于等于0在外部判断，防止因为服务器端脚本不及时执行状态未改变而一直倒计时为0，循环调用接口的问题
     */
    public void countDownTime(long time) {
        cancelCountDown();//每次尝试先取消
        countDownTimer = new CountDownTimer(time * 1000, 1000) {
            @Override
            public void onTick(long l) {
                l = l / 1000;
                long day = l / (3600 * 24);
                long hour = (l - day * 3600 * 24) / 3600;
                long minute = (l - day * 3600 * 24 - hour * 3600) / 60;
                long second = l - day * 3600 * 24 - hour * 3600 - minute * 60;
                String hourStr = hour < 10 ? "0" + hour : hour + "";
                String minuteStr = minute < 10 ? "0" + minute : minute + "";
                String secondStr = second < 10 ? "0" + second : second + "";
                setCountTime(hourStr,minuteStr,secondStr);
            }

            @Override
            public void onFinish() {
                cancelCountDown();//结束也释放资源
                if(listener!=null){
                    listener.onFinish();
                }
            }
        };
        countDownTimer.start();
    }


    public void cancelCountDown(){
        if(countDownTimer!=null){
            countDownTimer.cancel();
            countDownTimer = null;
        }
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
    }

    /**
     * 很重要啊，组件内部处理释放资源，外部不需要操心重置倒计时以及资源释放
     */
    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        cancelCountDown();
    }

    public interface CountDownListener{
        public void onFinish();
    }
}

xml代码很简单，贴一下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:orientation="horizontal"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView
        android:id="@+id/tv_pre_prompt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="13sp"
        android:textColor="#F5483A"
        android:text=""/>
    <TextView
        android:id="@+id/tv_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="13sp"
        android:textColor="#F5483A"/>
</LinearLayout>

代码比较简单，有些简单的注释，基本上就是这些了，over。