您的位置: 首页  >  文章  >  Android实现获取验证码的倒计时功能

Android实现获取验证码的倒计时功能

分类: 文章 • 2024-07-23 09:45:28

开发中经常会遇到获取短信验证码，获取验证码后需要等待1分钟倒计时，这段时间是不能再次发送短信请求的。

实现如下：

CountDownTimerUtils.java

[java] view plain copy
  1. package com.jackie.countdowntimer;  
  2.   
  3. import android.graphics.Color;  
  4. import android.os.CountDownTimer;  
  5. import android.text.Spannable;  
  6. import android.text.SpannableString;  
  7. import android.text.style.ForegroundColorSpan;  
  8. import android.widget.TextView;  
  9.   
  10. /** 
  11.  * Created by Jackie on 2015/11/30. 
  12.  */  
  13. public class CountDownTimerUtils extends CountDownTimer {  
  14.     private TextView mTextView;  
  15.   
  16.     /** 
  17.      * @param textView          The TextView 
  18.      * 
  19.      * 
  20.      * @param millisInFuture    The number of millis in the future from the call 
  21.      *                          to {@link #start()} until the countdown is done and {@link #onFinish()} 
  22.      *                          is called. 
  23.      * @param countDownInterval The interval along the way to receiver 
  24.      *                          {@link #onTick(long)} callbacks. 
  25.      */  
  26.     public CountDownTimerUtils(TextView textView, long millisInFuture, long countDownInterval) {  
  27.         super(millisInFuture, countDownInterval);  
  28.         this.mTextView = textView;  
  29.     }  
  30.   
  31.     @Override  
  32.     public void onTick(long millisUntilFinished) {  
  33.         mTextView.setClickable(false); //设置不可点击  
  34.         mTextView.setText(millisUntilFinished / 1000 + "秒后可重新发送");  //设置倒计时时间  
  35.         mTextView.setBackgroundResource(R.drawable.bg_identify_code_press); //设置按钮为灰色，这时是不能点击的  
  36.   
  37.         /** 
  38.          * 超链接 URLSpan 
  39.          * 文字背景颜色 BackgroundColorSpan 
  40.          * 文字颜色 ForegroundColorSpan 
  41.          * 字体大小 AbsoluteSizeSpan 
  42.          * 粗体、斜体 StyleSpan 
  43.          * 删除线 StrikethroughSpan 
  44.          * 下划线 UnderlineSpan 
  45.          * 图片 ImageSpan 
  46.          * http://blog.****.net/ah200614435/article/details/7914459 
  47.          */  
  48.         SpannableString spannableString = new SpannableString(mTextView.getText().toString());  //获取按钮上的文字  
  49.         ForegroundColorSpan span = new ForegroundColorSpan(Color.RED);  
  50.         /** 
  51.          * public void setSpan(Object what, int start, int end, int flags) { 
  52.          * 主要是start跟end，start是起始位置,无论中英文，都算一个。 
  53.          * 从0开始计算起。end是结束位置，所以处理的文字，包含开始位置，但不包含结束位置。 
  54.          */  
  55.         spannableString.setSpan(span, 0, 2, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);//将倒计时的时间设置为红色  
  56.         mTextView.setText(spannableString);  
  57.     }  
  58.   
  59.     @Override  
  60.     public void onFinish() {  
  61.         mTextView.setText("重新获取验证码");  
  62.         mTextView.setClickable(true);//重新获得点击  
  63.         mTextView.setBackgroundResource(R.drawable.bg_identify_code_normal);  //还原背景色  
  64.     }  
  65. }  

使用：

CountDownTimerUtils mCountDownTimerUtils = new CountDownTimerUtils(mButton, 60000, 1000);

mCountDownTimerUtils.start();

附上相关的资源文件：

bg_identify_code_normal.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <solid android:color="#FF9933" /> <!--填充色 透明-->  
  4.     <corners android:radius="8dp" />  <!-- 圆角 -->  
  5. </shape>  
bg_identify_code_press.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <solid android:color="#C0C0C0" /> <!--填充色 透明-->  
  4.     <corners android:radius="8dp" />  <!-- 圆角 -->  
  5. </shape>  

效果图如下：

Android实现获取验证码的倒计时功能Android实现获取验证码的倒计时功能

另外，我发现个问题，就是如果我把上面的TextView换成Button的话，用SpannableString让倒计时时间字体变红是不生效的，具体原因是什么，我还没有找到，后续继续研究。

文章标签： CountDownTimer 倒计时
个人分类： Android

开发中经常会遇到获取短信验证码，获取验证码后需要等待1分钟倒计时，这段时间是不能再次发送短信请求的。

实现如下：

CountDownTimerUtils.java

[java] view plain copy
  1. package com.jackie.countdowntimer;  
  2.   
  3. import android.graphics.Color;  
  4. import android.os.CountDownTimer;  
  5. import android.text.Spannable;  
  6. import android.text.SpannableString;  
  7. import android.text.style.ForegroundColorSpan;  
  8. import android.widget.TextView;  
  9.   
  10. /** 
  11.  * Created by Jackie on 2015/11/30. 
  12.  */  
  13. public class CountDownTimerUtils extends CountDownTimer {  
  14.     private TextView mTextView;  
  15.   
  16.     /** 
  17.      * @param textView          The TextView 
  18.      * 
  19.      * 
  20.      * @param millisInFuture    The number of millis in the future from the call 
  21.      *                          to {@link #start()} until the countdown is done and {@link #onFinish()} 
  22.      *                          is called. 
  23.      * @param countDownInterval The interval along the way to receiver 
  24.      *                          {@link #onTick(long)} callbacks. 
  25.      */  
  26.     public CountDownTimerUtils(TextView textView, long millisInFuture, long countDownInterval) {  
  27.         super(millisInFuture, countDownInterval);  
  28.         this.mTextView = textView;  
  29.     }  
  30.   
  31.     @Override  
  32.     public void onTick(long millisUntilFinished) {  
  33.         mTextView.setClickable(false); //设置不可点击  
  34.         mTextView.setText(millisUntilFinished / 1000 + "秒后可重新发送");  //设置倒计时时间  
  35.         mTextView.setBackgroundResource(R.drawable.bg_identify_code_press); //设置按钮为灰色，这时是不能点击的  
  36.   
  37.         /** 
  38.          * 超链接 URLSpan 
  39.          * 文字背景颜色 BackgroundColorSpan 
  40.          * 文字颜色 ForegroundColorSpan 
  41.          * 字体大小 AbsoluteSizeSpan 
  42.          * 粗体、斜体 StyleSpan 
  43.          * 删除线 StrikethroughSpan 
  44.          * 下划线 UnderlineSpan 
  45.          * 图片 ImageSpan 
  46.          * http://blog.****.net/ah200614435/article/details/7914459 
  47.          */  
  48.         SpannableString spannableString = new SpannableString(mTextView.getText().toString());  //获取按钮上的文字  
  49.         ForegroundColorSpan span = new ForegroundColorSpan(Color.RED);  
  50.         /** 
  51.          * public void setSpan(Object what, int start, int end, int flags) { 
  52.          * 主要是start跟end，start是起始位置,无论中英文，都算一个。 
  53.          * 从0开始计算起。end是结束位置，所以处理的文字，包含开始位置，但不包含结束位置。 
  54.          */  
  55.         spannableString.setSpan(span, 0, 2, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);//将倒计时的时间设置为红色  
  56.         mTextView.setText(spannableString);  
  57.     }  
  58.   
  59.     @Override  
  60.     public void onFinish() {  
  61.         mTextView.setText("重新获取验证码");  
  62.         mTextView.setClickable(true);//重新获得点击  
  63.         mTextView.setBackgroundResource(R.drawable.bg_identify_code_normal);  //还原背景色  
  64.     }  
  65. }  

使用：

CountDownTimerUtils mCountDownTimerUtils = new CountDownTimerUtils(mButton, 60000, 1000);

mCountDownTimerUtils.start();

附上相关的资源文件：

bg_identify_code_normal.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <solid android:color="#FF9933" /> <!--填充色 透明-->  
  4.     <corners android:radius="8dp" />  <!-- 圆角 -->  
  5. </shape>  
bg_identify_code_press.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <solid android:color="#C0C0C0" /> <!--填充色 透明-->  
  4.     <corners android:radius="8dp" />  <!-- 圆角 -->  
  5. </shape>  

效果图如下：

Android实现获取验证码的倒计时功能Android实现获取验证码的倒计时功能

另外，我发现个问题，就是如果我把上面的TextView换成Button的话，用SpannableString让倒计时时间字体变红是不生效的，具体原因是什么，我还没有找到，后续继续研究。

相关推荐