Android手机验证码倒计时控件
2017-01-12 16:07
513 查看
自定义手机验证码倒计时控件CheckCodeCountDown 继承 TextView
代码如下:
用法如下:
activity_main
user_get_check_code_shape
源码下载地址
代码如下:
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>
源码下载地址
相关文章推荐
- android获取手机验证码界面以及倒计时实现demo
- Android 获取手机手机验证码倒计时通用接口设计
- android中获取手机验证码的倒计时操作
- android 闪屏页的倒计时和发送验证码的倒计时控件
- android手机注册登录+验证码+发送60s倒计时
- Android手机注册登录时获取验证码之后倒计时功能(知识点总结)
- Android实战简易教程<四十一>(显示倒计时的Button-适用于获取验证码)
- Android获取验证码倒计时功能(CountDownTimer实现)
- 手机验证码倒计时
- vue获取手机验证码60秒倒计时,不能点击按钮
- Android Studio使用Mob来获取手机验证码加上倒计时
- Android手机app验证码验证过程
- Android---验证码倒计时的简单实现
- Android实现获取验证码的倒计时功能
- Android下实现手机验证码
- android获取验证码实现倒计时
- Android自定义控件系列(七)—验证码倒计时
- Android Demo手机获取验证码
- Android验证码倒计时
- Android验证码倒计时(Service完成,页面切换不中断)