Android自定义View获取注册验证码倒计时按钮

在Android开发中，我们不可避免的会做到注册功能，而现在的注册大多数都是用手机去注册的，那么注册的时候都会要求用获取验证码的方式去验证，我们接下来就来实战一下自定义获取验证码倒计时按钮：

1.先看效果图

2.我们涉及到的变量

//倒计时时长，可设置

private long length = 60 * 1000;
//在点击按钮之前按钮所显示的文字

private String beforeText = "获取验证码";
//在开始倒计时之后那个秒数数字之后所要显示的字

private String afterText = "秒";

3.利用什么倒计时Timer

在Java中定时器任务的执行需要两个基本的类：
java.util.Timer;
java.util.TimerTask;

要运行一个定时任务，最基本的步骤如下：
1、建立一个要执行的任务TimerTask。
2、创建一个Timer实例，通过Timer提供的schedule()方法，将 TimerTask加入到定时器Timer中，同时设置执行的规则即可。

当程序执行了Timer初始化代码后，Timer定时任务就会按照设置去执行。
Timer中的schedule()方法是有多种重载格式的，以适应不同的情况。该方法的格式如下：
void schedule(TimerTask task, Date time)
安排在指定的时间执行指定的任务。
void schedule(TimerTask task, Date firstTime, long period)
安排指定的任务在指定的时间开始进行重复的固定延迟执行。
void schedule(TimerTask task, long delay)
安排在指定延迟后执行指定的任务。
void schedule(TimerTask task, long delay, long period)
安排指定的任务从指定的延迟后开始进行重复的固定延迟执行。
Timer是线程安全的，此类可扩展到大量同时安排的任务（存在数千个都没有问题）。其所有构造方法都启动计时器线程。可以调用cancel() 终止此计时器，丢弃所有当前已安排的任务。purge()从此计时器的任务队列中移除所有已取消的任务。此类不提供实时保证：它使用 Object.wait(long) 方法来安排任务。
TimerTask是一个抽象类，由 Timer 安排为一次执行或重复执行的任务。它有一个抽象方法run()—-计时器任务要执行的操作。因此，每个具体的任务类都必须继承TimerTask类，并且重写run()方法。另外它还有两个非抽象的方法：
boolean cancel()
取消此计时器任务。
long scheduledExecutionTime()
返回此任务最近实际 执行的安排 执行时间。

4.代码

import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Button;
import java.util.Timer;
import java.util.TimerTask;

public class CountdownButton extends Button implements View.OnClickListener {
  
  private long length = 60 * 1000;
  
  private Timer timer;
  
  private TimerTask timerTask;
  
  private String beforeText = "获取验证码";
  
  private String afterText = "秒";
  
  private OnClickListener onClickListener;
  public CountdownButton(Context context) {
    super(context);
    initView();
  }
  public CountdownButton(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView();
  }
  public CountdownButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initView();
  }
  
  private void initView() {
    if (!TextUtils.isEmpty(getText())) {
      beforeText = getText().toString().trim();
    }
    this.setText(beforeText);
    setOnClickListener(this);
  }
  
  private void initTimer() {
    timer = new Timer();
    timerTask = new TimerTask() {
      @Override
      public void run() {
        handler.sendEmptyMessage(1);
      }
    };
  }
  
  public void setLength(long length) {
    this.length = length;
  }
  
  public void setBeforeText(String beforeText) {
    this.beforeText = beforeText;
  }
  
  public void setAfterText(String beforeText) {
    this.afterText = afterText;
  }
  
  @Override
  public void setOnClickListener(OnClickListener onclickListener) {
    if (onclickListener instanceof CountdownButton) {
      super.setOnClickListener(onclickListener);
    } else {
      this.onClickListener = onclickListener;
    }
  }
  
  @Override
  public void onClick(View v) {
    start();
    if (onClickListener != null) {
      onClickListener.onClick(v);
    }
  }
  
  public void start() {
    initTimer();
    this.setText(length / 1000 + afterText);
    this.setEnabled(false);
    timer.schedule(timerTask, 0, 1000);
  }
  
  private Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
      super.handleMessage(msg);
      CountdownButton.this.setText(length / 1000 + afterText);
      length -= 1000;
      if (length < 0) {
        CountdownButton.this.setEnabled(true);
        CountdownButton.this.setText(beforeText);
        clearTimer();
        length = 60 * 1000;
      }
    }
  };
  
  private void clearTimer() {
    if (timerTask != null) {
      timerTask.cancel();
      timerTask = null;
    }
    if (timer != null) {
      timer.cancel();
      timer = null;
    }
  }
  
  @Override
  protected void onDetachedFromWindow() {
    clearTimer();
    super.onDetachedFromWindow();
  }
}

5.用法,超级简单

 <com.bm.ykzx.view.CountdownButton
        android:id="@+id/cdb_reGISter_timer"
        android:layout_width="120dp"
        android:textAllCaps="false"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"
        android:gravity="center"
        android:paddingLeft="3Dp"
        android:paddingRight="3dp"
        android:text="获取验证码"
        android:textColor="#1179c4"
        android:textSize="@dimen/txt14sp" />

您可能感兴趣的文章:Android实现倒计时的按钮效果Android自定义倒计时按钮Android实现倒计时的按钮的示例代码Android开发之获取短信验证码后按钮背景变化并且出现倒计时Android自定义TimeButton实现倒计时按钮