Android手机验证码倒计时控件

最新推荐文章于 2024-01-06 17:40:12 发布

github_2011

最新推荐文章于 2024-01-06 17:40:12 发布

阅读量1.2k

点赞数 1

分类专栏： CustomView 文章标签：倒计时控件手机验证码倒计时控件自定义控件

本文链接：https://blog.csdn.net/github_2011/article/details/54378936

版权

CustomView 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

自定义手机验证码倒计时控件CheckCodeCountDown 继承 TextView

代码如下:

package com.qj.checkcodecountdown;

import android.content.Context;
import android.os.Handler;
import android.util.AttributeSet;
import android.widget.TextView;
import android.widget.Toast;

import java.text.SimpleDateFormat;
import java.util.Date;

/**
 * @author mao
 * @version v1.0
 * @date 2016/11/1 11:29
 * @des 该自定义控件为 获取验证码倒计时控件
 * 必须调用setOnSendCheckCodeListener(OnSendCheckCodeListener listener) 方法
 */
public class CheckCodeCountDown extends TextView {

    private boolean canSend = true;//默认可以发送 , 等计时结束时方可重新发送

    public CheckCodeCountDown(Context context) {
        this(context, null);
    }

    public CheckCodeCountDown(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CheckCodeCountDown(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    private OnFinishListener mFinishListener;//计时完成的监听
    private OnSendCheckCodeListener mSendCheckCodeListener;//发送验证码的监听
    Date date = new Date();
    SimpleDateFormat sdf = new SimpleDateFormat("ss");//将时间格式设置为 只显示 秒 的格式 eg : 59

    long millTime = 60 * 1000; // 倒计时为 1 分钟
    private Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {

            millTime -= 1000;//每次自减 1000 毫秒
            if (millTime < 1000) {

                //倒计时结束时 将handler中的消息及回调移除
                handler.removeCallbacksAndMessages(null);
                if (mFinishListener != null) {
                    mFinishListener.OnFinish();// 接口回调
                }
                canSend = true;//倒计时结束 , 可以重新发送
                return;
            }
            date.setTime(millTime);
            String string = sdf.format(date);//格式化时间

            setText(string);//更新文本内容 , 即更新时间
            updateTime();// 递归调用,循环更改时间
        }
    };


    /**
     * 开始发送验证码 , 这个类最核心的代码
     */
    private void startSend() {
        if (mSendCheckCodeListener == null) {
            return;
        }
        mSendCheckCodeListener.sendCheckCode();
        updateTime();
    }

    /**
     * 更新时间的方法,核心是每隔 1000 毫秒 Handler发送一次消息
     */
    private void updateTime() {
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                handler.sendEmptyMessage(0);
            }
        }, 1000);
    }


    /**
     * 设置倒计时时间的方法,单位是毫秒
     *
     * @param millisecond 倒计时的时间,eg:倒计时为5000毫秒,则传5000即可
     */
    public void setMillisecond(long millisecond) {
        millTime = millisecond;
    }

    /**
     * 设置倒计时结束的监听
     * 在回调的OnFinish()方法中干你想干的事
     */
    public void setOnFinishListener(OnFinishListener listener) {
        mFinishListener = listener;
    }

    public interface OnFinishListener {
        void OnFinish();
    }

    /**
     * 设置发送验证码操作的回调
     * 在回调的sendCheckCode()方法中执行发送验证码的操作
     */
    public void setOnSendCheckCodeListener(OnSendCheckCodeListener listener) {
        mSendCheckCodeListener = listener;
    }

    public interface OnSendCheckCodeListener {
        void sendCheckCode();
    }

    /**
     * 在该View的onClick方法中调用
     *
     * @param phoneNumber
     */
    public void performOnClick(boolean phoneNumber) {
        if (!phoneNumber) {
            Toast.makeText(getContext(), "手机号格式不正确", Toast.LENGTH_SHORT).show();
            return;
        }
        if (canSend) {
            setMillisecond(60 * 1000); // 每次发送之前 要将倒计时的时间更新为最初的时间
            startSend();//执行发送验证码的逻辑

            canSend = false;// 1 分钟之内不能重复发送
        }
    }

}

用法如下:

package com.qj.checkcodecountdown;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

    private CheckCodeCountDown mCheckCodeCountDown;
    private EditText mPhoneNumber;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
        initListener();
    }

    private void initView() {
        mCheckCodeCountDown = (CheckCodeCountDown) findViewById(R.id.checkcode);
        mPhoneNumber = (EditText) findViewById(R.id.phone_number);
    }

    private void initData() {

    }

    private void initListener() {
        mCheckCodeCountDown.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //必须调用 , 输入框中输入的是手机号 true , 否则 false ,这么做是为了防止不是手机号也进入倒计时
                boolean phoneNumber = isPhoneNumber(mPhoneNumber.getText().toString());
                mCheckCodeCountDown.performOnClick(phoneNumber);
            }
        });
        mCheckCodeCountDown.setOnSendCheckCodeListener(new CheckCodeCountDown.OnSendCheckCodeListener() {
            @Override
            public void sendCheckCode() {
//                TODO 向手机发送验证码的逻辑
            }
        });
        mCheckCodeCountDown.setOnFinishListener(new CheckCodeCountDown.OnFinishListener() {
            @Override
            public void OnFinish() {
//              TODO 计时结束后的操作
                mCheckCodeCountDown.setText("重新发送");
            }
        });
    }

    private boolean isPhoneNumber(String mobiles) {
        String telRegex = "[1][3578]\\d{9}";
        if (TextUtils.isEmpty(mobiles)) return false;
        else return mobiles.matches(telRegex);
    }
}

activity_main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.qj.checkcodecountdown.MainActivity">

    <EditText
        android:id="@+id/phone_number"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:hint="请输入手机号"
        android:inputType="number"/>

    <com.qj.checkcodecountdown.CheckCodeCountDown
        android:id="@+id/checkcode"
        android:layout_width="75dp"
        android:layout_height="35dp"
        android:layout_below="@id/phone_number"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="5dp"
        android:background="@drawable/user_get_check_code_border_shape"
        android:gravity="center"
        android:text="点击发送"/>
</RelativeLayout>

user_get_check_code_shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--我的模块 注册 修改密码页面获取验证码控件的背景外框-->
    <stroke
        android:width="1dp"
        android:color="#1bb5d7"/>
</shape>