Android實現倒計時的按鈕效果

阿新 • • 發佈：2020-01-07

最近有人問我如何實現倒計時的按鈕功能，例如傳送驗證碼，我記得有個CountDownTimer,因為好久沒用過了，自己就寫了一個，程式碼如下

new CountDownTimer(10000,1000) {
     @Override
     public void onTick(long millisUntilFinished) {
      btn2.setEnabled(false);
      btn2.setText(String.format("%ds後重新發送驗證碼",millisUntilFinished/1000));
     }

     @Override
     public void onFinish() {
      btn2.setEnabled(true);
      btn2.setText("傳送驗證碼");
     }
    }.start();

點選按鈕後開始倒計時，貌似很簡單啊，但是執行起來發現有一些問題，先給大家看效果圖

我們列印一下時間

這裡我們可以看到8這個秒數沒有出現，並且最後1秒的時間有些長，每次點選開始倒計時的時候偶爾就會出現少一個數字的問題,所以說這個東西是不精確的，網上也有很多人再說，那麼有沒有其他的實現思路呢？這裡我們來自定義一個倒計時的按鈕

public class TimeButton extends Button implements View.OnClickListener {
 private long length = 60 * 1000;// 倒計時長度,這裡給了預設60秒
 private String textafter = "秒後重新獲取";
 private String textbefore = "點選獲取驗證碼";
 private final String TIME = "time";
 private final String CTIME = "ctime";
 private OnClickListener mOnclickListener;
 private Timer t;
 private TimerTask tt;
 private long time;
 private Context mContext;
 Map<String,Long> map = new HashMap<String,Long>();

 public TimeButton(Context context) {
  super(context);
  setOnClickListener(this);

 }

 public TimeButton(Context context,AttributeSet attrs) {
  super(context,attrs);
  mContext = context;
  setOnClickListener(this);
 }

 @SuppressLint("HandlerLeak")
 Handler han = new Handler() {
  public void handleMessage(android.os.Message msg) {
   TimeButton.this.setText(time / 1000 + textafter);
   time -= 1000;
   if (time < 0) {
    TimeButton.this.setEnabled(true);
    TimeButton.this.setText(textbefore);
    clearTimer();
   }
  }
 };

 private void initTimer() {
  time = length;
  t = new Timer();
  tt = new TimerTask() {
   @Override
   public void run() {
    Log.e("yung",time / 1000 + "");
    han.sendEmptyMessage(0x01);
   }
  };
 }

 private void clearTimer() {
  Toast.makeText(mContext,"計時結束",Toast.LENGTH_SHORT).show();
  if (tt != null) {
   tt.cancel();
   tt = null;
  }
  if (t != null)
   t.cancel();
  t = null;
 }

 @Override
 public void setOnClickListener(OnClickListener l) {
  if (l instanceof TimeButton) {
   super.setOnClickListener(l);
  } else
   this.mOnclickListener = l;
 }

 @Override
 public void onClick(View v) {
  if (mOnclickListener != null)
   mOnclickListener.onClick(v);
  initTimer();
  this.setText(time / 1000 + textafter);
  this.setEnabled(false);
  t.schedule(tt,1000);
 }

 /**
  * 和activity的onDestroy()方法同步
  */
 public void onDestroy() {
  if (MainActivity.map == null)
   MainActivity.map = new HashMap<String,Long>();
  MainActivity.map.put(TIME,time);
  MainActivity.map.put(CTIME,System.currentTimeMillis());
  clearTimer();
 }

 /**
  * 和activity的onCreate()方法同步
  */
 public void onCreate(Bundle bundle) {
  Log.e("yung",MainActivity.map + "");
  if (MainActivity.map == null)
   return;
  if (MainActivity.map.size() <= 0)// 這裡表示沒有上次未完成的計時
   return;
  long time = System.currentTimeMillis() - MainActivity.map.get(CTIME)
    - MainActivity.map.get(TIME);
  MainActivity.map.clear();
  if (time > 0)
   return;
  else {
   initTimer();
   this.time = Math.abs(time);
   t.schedule(tt,1000);
   this.setText(time + textafter);
   this.setEnabled(false);
  }
 }

 /**
  * 設定計時時候顯示的文字
  */
 public TimeButton setTextAfter(String text1) {
  this.textafter = text1;
  return this;
 }

 /**
  * 設定點選之前的文字
  */
 public TimeButton setTextBefore(String text0) {
  this.textbefore = text0;
  this.setText(textbefore);
  return this;
 }

 /**
  * 設定到計時長度
  *
  * @param lenght 時間 預設毫秒
  * @return
  */
 public TimeButton setLenght(long lenght) {
  this.length = lenght;
  return this;
 }
}