返回顶部
首页 > 资讯 > 移动开发 >Android开发之获取短信验证码后按钮背景变化并且出现倒计时
  • 901
分享到

Android开发之获取短信验证码后按钮背景变化并且出现倒计时

倒计时验证码短信验证码android开发按钮Android 2022-06-06 09:06:22 901人浏览 八月长安
摘要

目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变化并且出现倒计时

目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变化并且出现倒计时,当倒计时结束后,如果你没有获取到验证码,可以再次点击。

代码如下所示:


VerCodeTimer mVerCodeTimer=(Button) findViewById(R.id.login_get_ver_code);
private class VerCodeTimer extends CountDownTimer {
    private int seconds;
    private int interval;
    //millisInFuture为你设置的此次倒计时的总时长,比如60秒就设置为60000
    //countDownInterval为你设置的时间间隔,比如一般为1秒,根据需要自定义。
    public VerCodeTimer(long millisInFuture, long countDownInterval) {
      super(millisInFuture, countDownInterval);
      seconds = (int) (millisInFuture / 1000);
      interval= (int) (countDownInterval/1000);
    }
    //每过你规定的时间间隔做的操作
    @Override
    public void onTick(long millisUntilFinished) {
      getVerCodeButton.setText((seconds-interval) + "秒后重新获取");
    }
    //倒计时结束时做的操作↓↓
    @Override
    public void onFinish() {
      getVerCodeButton.setTextSize(10);
      getVerCodeButton.setText("重新获取验证码");
      getVerCodeButton.setClickable(true);
      getVerCodeButton.setBackgroundResource(R.drawable.login_get_ver_code_before_bg);
    }
  }
 @Override
  public void onBackPressed() {
    if (mVerCodeTimer != null)
      mVerCodeTimer.cancel();
    super.onBackPressed();
  } 

使用的时候:


getVerCodeButton.setTextSize(11);
 getVerCodeButton.setClickable(false);
 getVerCodeButton.setBackgroundResource(R.drawable.login_get_ver_code_aGo_bg);
 mVerCodeTimer = new VerCodeTimer(60000, 1000);
 mVerCodeTimer.start(); 

login_edit_normal_bg.xml:


<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:Android="Http://schemas.android.com/apk/res/android"
  android:shape="rectangle"
  android:useLevel="false">
  <!-- 背景填充颜色值 -->
  <solid android:color="#6c948b" />
  <!-- radius值越大,越趋于圆形 -->
  <corners android:radius="10dip" />
  <!-- 圆角图像内部填充四周的大小 ,将会以此挤压内部布置的view -->
  <padding
    android:bottom="10dip"
    android:left="10dip"
    android:right="10dip"
    android:top="10dip" />
</shape> 

login_edit_passed_bg.xml:


<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle"
  android:useLevel="false">
  <!-- 背景填充颜色值 -->
  <solid android:color="#509989" />
  <!-- radius值越大,越趋于圆形 -->
  <corners android:radius="10dip" />
  <!-- 圆角图像内部填充四周的大小 ,将会以此挤压内部布置的view -->
  <padding
    android:bottom="10dip"
    android:left="10dip"
    android:right="10dip"
    android:top="10dip" />
</shape>

以上所述是小编给大家介绍了Android开发之获取短信验证码后按钮背景变化并且出现倒计时 的全部代码,希望本段代码能够帮助大家。同时感谢大家一直以来对编程网网站的支持。

您可能感兴趣的文章:Android实现倒计时的按钮效果Android自定义倒计时按钮Android实现倒计时的按钮的示例代码Android自定义View获取注册验证码倒计时按钮Android自定义TimeButton实现倒计时按钮


--结束END--

本文标题: Android开发之获取短信验证码后按钮背景变化并且出现倒计时

本文链接: https://lsjlt.com/news/25945.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作