文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android中怎么利用CountDownTimer实现验证码倒计时效果

2023-05-30 19:33

关注

今天就跟大家聊聊有关Android中怎么利用CountDownTimer实现验证码倒计时效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

1、需求分析

2、工程创建和布局编写

创建工程就不用多说了,由于我们只需要看到按钮上的倒计时效果,不必输入手机号码,所以只要在界面上简单地放置一个按钮即可:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16dp" tools:context="com.lindroid.countdowndemo.MainActivity"> <Button  android:id="@+id/btn_captcha"  android:layout_width="match_parent"  android:layout_height="50dp"  android:background="#c7c7c7"  android:text="获取验证码"  android:textAllCaps="false"  android:textColor="@android:color/black"  android:textSize="18sp" /></RelativeLayout>

3、如何使用CountDownTimer

CountDownTimer倒计时器的使用并不难,我们可以创建一个类继承它,并实现它的构造函数和重写两个方法:

 private CountTimer countTimer;  class CountTimer extends CountDownTimer {  public CountTimer(long millisInFuture, long countDownInterval) {   super(millisInFuture, countDownInterval);  }    @Override  public void onTick(long millisUntilFinished) {  }    @Override  public void onFinish() {  } }

大体的框架如上所述,我来稍微解释一下。首先是构造函数,里面有两个参数:

比如我想设置10秒的倒计时,每隔1秒就读一次数,那么初始化就可以将数值传入:

CountTimer countTimer = = new CountTimer(10000, 1000);

除了构造函数,还有两个方法,它们的作用分别如下:

那么怎么开启倒计时呢?只需要用countTimer去调用start方法就可以了。另外,为了节省资源,在Activity销毁时应该停止倒计时:

 @Override protected void onDestroy() {  super.onDestroy();  countTimer.cancel(); }

到这里,你应该知道怎么使用如何使用CountDownTimer了吧?如果还有疑问,可以在文末下载完整的代码。

4、实现简单的倒计时效果

现在我们先来实现点击按钮后就进行倒计时读数的效果,代码如下:

 CountTimer countTimer = new CountTimer(10000, 1000);  class CountTimer extends CountDownTimer {  public CountTimer(long millisInFuture, long countDownInterval) {   super(millisInFuture, countDownInterval);  }    @Override  public void onTick(long millisUntilFinished) {   Log.e("Tag", "倒计时=" + (millisUntilFinished/1000));   btnCaptcha.setText(millisUntilFinished / 1000 + "s后重新发送");   //设置倒计时中的按钮外观   btnCaptcha.setClickable(false);//倒计时过程中将按钮设置为不可点击   btnCaptcha.setBackgroundColor(Color.parseColor("#c7c7c7"));   btnCaptcha.setTextColor(ContextCompat.getColor(context, android.R.color.black));   btnCaptcha.setTextSize(16);  }    @Override  public void onFinish() {   Log.e("Tag", "倒计时完成");   //设置倒计时结束之后的按钮样式   btnCaptcha.setBackgroundColor(ContextCompat.getColor(context, android.R.color.holo_blue_light));   btnCaptcha.setTextColor(ContextCompat.getColor(context, android.R.color.white));   btnCaptcha.setTextSize(18);   btnCaptcha.setText("重新发送");   btnCaptcha.setClickable(true);  } }

倒计时的读数是实时的,毫无疑问应该在onTick方法中处理这些逻辑,倒计时完成后要将按钮文字改为“重新发送”,这个可以交给onFinish。

运行一下,点击按钮,倒计时成功出现了,但是再点几次,诡异的事情发生了:有时候倒计时读数会漏掉某个数字,比如从10直接就到8了,打印出来的日志是这样的:

Android中怎么利用CountDownTimer实现验证码倒计时效果

这……到底是怎么回事?少掉的一秒难道是被某人给续了么?

5、CountDownTimer误差解决

为了找回生命中的这一秒钟,我在一个技术群里和小伙伴们讨论了很久,最后算是逃过了时间黑洞的魔爪。

我们采用的倒计时读数是将millisUntilFinished除于1000得到的,这里就有一个小小的陷阱了:millisUntilFinished是长整型变量,除于1000之后得到是整数部分。我们可以将millisUntilFinished的值打印出来看看:

Android中怎么利用CountDownTimer实现验证码倒计时效果

现在明白为什么看不到读数9了吗?那是因为程序执行虽然很快,但再快也是需要时间的,所以从10秒倒计时到9秒时,millisUntilFinished会比9000稍小一点,是8999,而长整型8999除于1000之后就得到8了。当然,既然是误差那就有多种情况,少掉的数字不一定是9,这里只是我针对我遇到的情况而言。

知道原因之后就好办了,我们可以先将millisUntilFinished转换成double类型后再除于1000,这样就可以保留小数部分了,然后使用Math类中的round方法四舍五入,但是这样倒计时的话会从10到2,这显然不行,所以再减去1,让它从9到1。修改后的onTick方法代码是这样的:

  public void onTick(long millisUntilFinished) {   //处理后的倒计时数值   int time = (int) (Math.round((double) millisUntilFinished / 1000) - 1);   btnCaptcha.setText(String.valueOf(time)+"s后重新发送");   //设置倒计时中的按钮外观   btnCaptcha.setClickable(false);//倒计时过程中将按钮设置为不可点击   btnCaptcha.setBackgroundColor(Color.parseColor("#c7c7c7"));   btnCaptcha.setTextColor(ContextCompat.getColor(context, android.R.color.black));   btnCaptcha.setTextSize(16);  }

运行后试试,就可以发现失去的那一秒又回来啦。

6、给倒计时读数和单位设置前景色

给同一字符串中的不同字符设置不同的字体颜色,这就需要用到SpannableString与SpannableStringBuilder相关的知识了,限于篇幅,这里就不赘述了,可以参考这篇文章:SpannableString与SpannableStringBuilder。这里只简单介绍一下:

6.1 拼接字符串

   int time = (int) (Math.round((double) millisUntilFinished / 1000) - 1);   //拼接要显示的字符串   SpannableStringBuilder sb = new SpannableStringBuilder();   sb.append(String.valueOf(time));   sb.append("s后重新发送");

6.2 设置要显示的文字样式

   //字符“后”在字符串中的下标   int index = String.valueOf(sb).indexOf("后");   //给秒数和单位设置蓝色前景色   ForegroundColorSpan colorSpan = new ForegroundColorSpan(ContextCompat.getColor(context, android.R.color.holo_blue_dark));   sb.setSpan(colorSpan, 0, index, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);   btnCaptcha.setText(sb);

看完上述内容,你们对Android中怎么利用CountDownTimer实现验证码倒计时效果有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网行业资讯频道,感谢大家的支持。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯