开发者社区> 啊啊啊88jdk> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

实用技巧——获取验证码的倒计时

简介: 实用技巧——获取验证码的倒计时 效果图 源码:GitHub CountDownTimer 创建对象,调用start的方法,开始倒计时 /** * 第一个参数:总...
+关注继续查看

实用技巧——获取验证码的倒计时

效果图

G1

源码:GitHub

CountDownTimer

创建对象,调用start的方法,开始倒计时

/**
 * 第一个参数:总时长(毫秒)
 * 第二个参数:多久执行一次回调(毫秒)
 */
new CountDownTimer(10000, 1000) {
    @Override
    public void onTick(long millisUntilFinished) {
        // TODO 显示倒计时
    }

    @Override
    public void onFinish() {
        // TODO 倒计时结束
    }
}.start();

封装

package kong.qingwei.countdowntimerdemo;

import android.os.CountDownTimer;
import android.widget.Button;

/**
 * Created by kqw on 2016/5/11.
 * TimeCountUtil
 */
public class TimeCountUtil extends CountDownTimer {
    private Button mButton;

    public TimeCountUtil(Button button, long millisInFuture, long countDownInterval) {
        super(millisInFuture, countDownInterval);
        this.mButton = button;
    }

    @Override
    public void onTick(long millisUntilFinished) {
        // 按钮不可用
        mButton.setEnabled(false);
        String showText = millisUntilFinished / 1000 + "秒后可重新发送";
        mButton.setText(showText);
    }

    @Override
    public void onFinish() {
        // 按钮设置可用
        mButton.setEnabled(true);
        mButton.setText("重新获取验证码");
    }
}

Code(参考)

测试类

package kong.qingwei.countdowntimerdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Button mButton;
    private TimeCountUtil mTimeCountUtil;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mButton = (Button) findViewById(R.id.button);
        mTimeCountUtil = new TimeCountUtil(mButton, 5000, 1000);
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mTimeCountUtil.start();
                // TODO 请求验证码
                Toast.makeText(getApplicationContext(), "请求验证码", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

XML

<?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: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="kong.qingwei.countdowntimerdemo.MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/selector_button"
        android:text="点击发送验证码"/>
</RelativeLayout>

drawable

  • selector_button.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 可用状态 -->
    <item android:drawable="@drawable/shape_button_type1" android:state_enabled="true" />
    <!-- 不可用状态 -->
    <item android:drawable="@drawable/shape_button_type2" android:state_enabled="false" />
    </selector>
  • shape_button_type1.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#FF4583C9"/>
        <corners android:radius="5dp"/>
        <stroke android:width="1px" android:color="#FF4583C9" />
    </shape>
  • shape_button_type2.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#FFDDDDDD"/>
        <corners android:radius="5dp"/>
        <stroke android:width="1px" android:color="#FFDDDDDD" />
    </shape>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
简单的验证码倒计时功能
简单的验证码倒计时功能
0 0
带货直播源码,实现验证码倒计时按钮
带货直播源码,实现验证码倒计时按钮
0 0
微信小程序获取验证码倒计时60秒案例
微信小程序获取验证码倒计时60秒案例
0 0
验证码倒计时
验证码倒计时
0 0
IONIC3验证码倒计时按钮实现
verificationcode.gif 通常在登陆注册或重置密码时,需要用到手机验证码,今天开源一个验证码倒计时的按钮实现。 1.新建页面 ionic g page forget 2.
777 0
android开发技巧——仿新版QQ锁屏下弹窗
新版的qq,可以在锁屏下弹窗显示qq消息,正好目前在做的项目也需要这一功能。经过各种试验和资料查找,终于实现,过程不难,但是却有一些地方需要注意。 下面是实现过程。 1.使用Activity,而不是View QQ的弹窗一开始我以为是悬浮View,用WindowManager去添加,但是无论如何就是不显示,后来在朋友提示下换成Activity来实现,在锁屏状态下就能弹窗了。
1048 0
仿QQ发语音、图片选择、表情选择demo
一款仿QQ发语音、图片选择、调用拍照、表情选择的demo git地址:https://github.com/PureLovePeter/pic.git。  喜欢的请 star  star star,共同学习进步          
814 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载