Android 点击Button获取验证码倒计时效果

时间:2021-09-19 23:59:24

参考:http://www.2cto.com/kf/201506/412668.html


近期在做一个商城项目,点击Button获取验证码是必不可少的,那么如何实现倒计时效果呢?也是发愁了一番来到网上搜索一下看到一篇不错的博文,照葫芦画瓢一步步下下来,也实现了想要的效果.现在做一下总结,将来可以方便翻着看看,有需要的小伙伴也可以看一下,如有错误之处或者更好的请指出,方便大家交流提高.废话不多说,上干货.


上效果:

Android 点击Button获取验证码倒计时效果



1.android开发第一步当然是布局了,为代码清晰,只在主页面布局里面布了一个Button:

 <Button
android:text="点击获取验证码"
android:background="#f5f5"
android:id="@+id/btn_djs"
android:layout_width="match_parent"
android:layout_height="36dp"/>

2.复写了倒计时这个类,设置一些自己需要的参数,代码中都有详细的注释,根据自己的需要配置就ok了.

//复写倒计时
private class MyCountDownTimer extends CountDownTimer {

public MyCountDownTimer(long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval);
}

//计时过程
@Override
public void onTick(long l) {
//防止计时过程中重复点击
btn_djs.setClickable(false);
btn_djs.setText(l/1000+"s");

}

//计时完毕的方法
@Override
public void onFinish() {
//重新给Button设置文字
btn_djs.setText("重新获取验证码");
//设置可点击
btn_djs.setClickable(true);
}
}

3.查找Button这个控件,new出复写的倒计时这个类,设置点击事件触发倒计时.

 btn_djs = (Button) findViewById(R.id.btn_djs);
//new倒计时对象,总共的时间,每隔多少秒更新一次时间
final MyCountDownTimer myCountDownTimer = new MyCountDownTimer(60000,1000);

//给Button设置点击时间,触发倒计时
btn_djs.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
myCountDownTimer.start();
}
});