美文网首页androidManba陪你学Android安卓资源收集
Android实现发送短信验证码倒计时功能

Android实现发送短信验证码倒计时功能

作者: 唠嗑008 | 来源:发表于2017-03-20 23:11 被阅读514次
    一、简介:

    开发中在用户注册或找回密码之类的功能,经常会遇到获取短信验证码,获取验证码后需要等待1分钟倒计时,这段时间是不能再次发送短信请求的。

    效果图:

    Android发送短信验证码倒计时功能.jpg
    二、实现步骤:

    1、一个关键类:CountDownTimer(Android系统自带的倒计时功能类)

    public class CountDownTimerUtils extends CountDownTimer {
    
        private TextView mTextView; //显示倒计时的文字
    
        /**
         * @param textView          The TextView
         * @param millisInFuture     millisInFuture  从开始调用start()到倒计时完成
         *                           并onFinish()方法被调用的毫秒数。(译者注:倒计时时间,单位毫秒)
         * @param countDownInterval 接收onTick(long)回调的间隔时间。(译者注:单位毫秒)
         */
        public CountDownTimerUtils(TextView textView, long millisInFuture, long countDownInterval) {
            super(millisInFuture, countDownInterval);
            this.mTextView = textView;
        }
    
        @Override
        public void onTick(long millisUntilFinished) {
            mTextView.setClickable(false); //设置不可点击
            mTextView.setText(millisUntilFinished / 1000 + "秒后可重新发送");  //设置倒计时时间
            mTextView.setBackgroundResource(R.drawable.validate_code_press_bg); //设置按钮为灰色,这时是不能点击的
    
            /**
             * 超链接 URLSpan
             * 文字背景颜色 BackgroundColorSpan
             * 文字颜色 ForegroundColorSpan
             * 字体大小 AbsoluteSizeSpan
             * 粗体、斜体 StyleSpan
             * 删除线 StrikethroughSpan
             * 下划线 UnderlineSpan
             * 图片 ImageSpan
             * http://blog.csdn.net/ah200614435/article/details/7914459
             */
            SpannableString spannableString = new SpannableString(mTextView.getText().toString());  //获取按钮上的文字
            ForegroundColorSpan span = new ForegroundColorSpan(Color.RED);
            /**
             * public void setSpan(Object what, int start, int end, int flags) {
             * 主要是start跟end,start是起始位置,无论中英文,都算一个。
             * 从0开始计算起。end是结束位置,所以处理的文字,包含开始位置,但不包含结束位置。
             */
            spannableString.setSpan(span, 0, 2, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);//将倒计时的时间设置为红色
            mTextView.setText(spannableString);
        }
    
        @Override
        public void onFinish() {
            mTextView.setText("重新获取验证码");
            mTextView.setClickable(true);//重新获得点击
            mTextView.setBackgroundResource(R.drawable.validate_code_normal_bg);  //还原背景色
        }
    }
    

    2、在合适的地方调用

    使用:
    CountDownTimerUtils mCountDownTimerUtils = new CountDownTimerUtils(mButton, 60000, 1000); //倒计时1分钟
    mCountDownTimerUtils.start();
    

    3、validate_code_press_bg.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <!--发送短信验证码按钮被按下-->
        <solid android:color="#C0C0C0" /> <!--填充色 透明-->
        <corners android:radius="8dp" />  <!-- 圆角 -->
    </shape>
    

    validate_code_normal_bg.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <!--发送短信验证码按钮未按下-->
        <solid android:color="#FF9933" /> <!--填充色 透明-->
        <corners android:radius="8dp" />  <!-- 圆角 -->
    </shape>  
    

    最后:关于CountDownTimer,可以看看这篇文章
    http://blog.csdn.net/hknock/article/details/27531229

    相关文章

      网友评论

        本文标题:Android实现发送短信验证码倒计时功能

        本文链接:https://www.haomeiwen.com/subject/aoxwnttx.html