Android手机验证码倒计时控件

来源：互联网发布：电信4g网络编辑：程序博客网时间：2024/04/29 16:25

自定义手机验证码倒计时控件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>

源码下载地址

1 0