CountDownTimer

最新推荐文章于 2024-04-08 15:54:05 发布

转载最新推荐文章于 2024-04-08 15:54:05 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5abae6765188255c4c104e5d

文章标签：

#ui #java

本文介绍了一种自定义验证码倒计时功能的方法，通过继承CountDownTimer类并结合Activity中的逻辑控制，实现了用户获取验证码后的倒计时限制，有效避免了频繁请求造成的资源浪费。

自己写一个类，继承CountDowmTimer

public class VerificationCountDownTimer extends CountDownTimer
复制代码

01 构造函数

    /**
     * 类中的构造函数
     * @param millisInFuture
     * @param countDownInterval
     */
    public VerificationCountDownTimer(long millisInFuture,long countDownInterval){
        super(millisInFuture, countDownInterval);
    }

复制代码

两个参数（均已毫秒为单位）
- millisInFuture 倒计的总时间
- countDownInterval 倒计的时间间隔
以 60s 的倒计时为例?，如下使用

verificationCountDownTimer = new VerificationCountDownTimer( 60*1000 , 1000)
复制代码

02 方法

public final void cancel ()

public abstract void onFinish ()

public abstract void onTick (long millisUntilFinished)

public final CountDownTimer start ()

复制代码

cancel() 取消当前任务
onFinish() 结束的时候调用
onTick(long millisUntilFinished) 当前任务每完成一次倒计时间间隔时调用，直接对UI进行更新
- 这个方法中的参数是在倒计时过程中传入进来的毫秒数，比如倒计时总时间为60秒，时间间隔为1秒，那么这个参数的传进来的值依次为：59、58、57、56.....1
start() 开始当前任务

03 开发过程中的注意点

手机发送验证码需要花费1条短信的费用0.10-0.15元才能获取验证码，平台当然就希望尽可能多的省钱，所以开发端就需要设置验证码倒计时，防止用户出于有趣或者恶意一直在点击获取新验证码，这样就大大加重了平台的运营负担。所以加上验证码倒计时，不仅能防止用户心急戳戳戳，或因网络延迟而造成请求堆积，也能帮公司省点小钱。知道了使用原因，那就需要考虑一些特殊情形下的处理，比如：

当验证码进入倒计时，点击后退，再重新进入有验证码的界面，验证码是重新start呢还是继续处于前一个验证码倒计时状态呢？
- 解决方法：设置一个检测量，利用 true 和 false 来进行判断（在自己写的类里面，先定义一个检测量，然后在timerStart 内部进行设置）

VerificationCountDownTimer.java

public class VerificationCountDownTimer extends CountDownTimer {


    public static long curMillis =0;
    public static boolean FLAG_FIRST_IN =true;

    /**
     * 类中的构造函数
     * @param millisInFuture
     * @param countDownInterval
     */
    public VerificationCountDownTimer(long millisInFuture,long countDownInterval){
        super(millisInFuture, countDownInterval);
    }


    /**
     * 当前任务每完成一次倒计时间隔时间时回调
     * @param millisUntilFinished
     */
    @Override
    public void onTick(long millisUntilFinished) {

    }


    /**
     * 当前任务完成的时候回调
     */
    @Override
    public void onFinish() {

    }


    public void timerStart(boolean onClick){

        if(onClick) {
            VerificationCountDownTimer.curMillis= System.currentTimeMillis();
        }
        VerificationCountDownTimer.FLAG_FIRST_IN=false;
        this.start();
    }
}

复制代码

一旦使用 timeeStart的时候，就会将检测量设置为 false ，然然后在可以在另一个Activity中作为条件进行判断使用

RegisterActivity.java 关键部分(绑定按钮的点击事件)

initCountDownTimer
- 如果满足“不是第一次进入” 且 “倒计时时间不为0”的条件的话，启动 setCountDownTimer 方法，并将检测器设置为false

衡量“倒计时时间是否为0”的方法

在点击Button的时候，启动的timerStart中，就将 curMillis 获取为当前时间，所以判断依据为：curMillis + 60000 ms 是否大于当前时间
- 大于：启动 setCountDownTimer，setCountDownTimer内置onTick方法，对获取得到的剩余时间不断的进行UI的展示

补充：system.currentTimeMillis() 获得当前的时间

该方法的作用是返回当前的计算机时间，单位：毫秒。之前使用new Date()来获取当前时间，new Date()所做的事情其实就是调用了System.currentTimeMillis()。

最终实现的效果图

1、初始界面

2、点击获取验证码后

3、后退其他界面，再次进入，若60s未结束，则还是处于倒计时中

4、 60s 结束，可以点击重新获取验证码

5、点击后，再次进入倒计时

最清晰的解释，先来看郑哥Activity的关键代码部分

public class RegisterActivity extends BaseNoBarPresenterActivity {

   int tag =1;

   VerificationCountDownTimer verificationCountDownTimer;

  
   @BindView(R.id.img_agreement_selector)
   ImageView imgAgreementSelector;

   @Override
   protected BaseContract.Presenter initPresenter() {
       return new BasePresenter<>(this);
   }

   public static void startActivity(Context context) {
       context.startActivity(new Intent(context, RegisterActivity.class));

   }

   @Override
   protected void initVariable() {

       initCountDownTimer();
   }

   @Override
   protected void initView() {

   }

   @Override
   protected void loadData() {

   }

   @OnClick(R.id.btn_register)
   public void onBtnRegisterClicked() {

       ToastUtil.showToast("还没有网络请求，敬请期待");
       LoginActivity.startActivity(RegisterActivity.this);
       verificationCountDownTimer.cancel();

   }


   @OnClick(R.id.img_agreement_selector)
   public void onViewClicked() {
       tag ++;

       if(tag%2==0)//说明遇到点击为已阅读
       {
           imgAgreementSelector.setSelected(true);
       }
       if (tag %2!=0)
       {
           imgAgreementSelector.setSelected(false);
       }


   }


   /**
    * 忘记密码的返回按钮，从忘记密码界面，回到登录界面
    */
   @OnClick(R.id.ly_header_register)
   public void onLyHeaderRegisterClicked() {
//        LoginActivity.startActivity(RegisterActivity.this);
       this.finish();
   }

   /**
    * 绑定 获得验证码 按钮，启动timerStart
    */
   @OnClick(R.id.btn_verification_register)
   public void onBtnVerificationRegisterClicked() {
       ToastUtil.showToast("你即将获得验证码，请注意查收");
       verificationCountDownTimer.timerStart(true);
   }

   /**
    * 倒计时具体方法
    */
   public void initCountDownTimer() {

       if(!VerificationCountDownTimer.FLAG_FIRST_IN&&
               VerificationCountDownTimer.curMillis+60000>System.currentTimeMillis()) {

           setCountDownTimer(VerificationCountDownTimer.curMillis+60000-System.currentTimeMillis());
           verificationCountDownTimer.timerStart(false);

       } else {

           setCountDownTimer(60000);
       }
   }



   public void setCountDownTimer(final long countDownTime) {

       verificationCountDownTimer = new VerificationCountDownTimer( countDownTime , 1000) {

           @Override
           public void onTick(long millisUntilFinished) {
               btnVerificationRegister.setEnabled(false);
               btnVerificationRegister.setText((millisUntilFinished / 1000) + " s");
           }

           @Override
           public void onFinish() {

               btnVerificationRegister.setEnabled(true);
               btnVerificationRegister.setText(getString(R.string.btn_verification_gain));

               if(countDownTime!=60000) {
                   setCountDownTimer(60000);
               }
           }
       };
   }
}
复制代码