美文网首页菜菜AndroidAndroid知识Android开发
【Android自定义View实战】之获取验证码倒计时按钮

【Android自定义View实战】之获取验证码倒计时按钮

作者: 亮之于东 | 来源:发表于2016-10-28 09:01 被阅读301次

    转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/52876225 【DylanAndroid的csdn博客】


    在Android开发中,我们不可避免的会做到注册功能,而现在的注册大多数都是用手机去注册的,那么注册的时候都会要求用获取验证码的方式去验证,我们接下来就来实战一下自定义获取验证码倒计时按钮:

    1.先看效果图

    这里写图片描述

    2.我们涉及到的变量

    • 倒计时时长,可设置

    /**
    * 倒计时时长,默认倒计时时间60秒;
    */
    private long length = 60 * 1000;

    
    *  在点击按钮之前按钮所显示的文字
    ```java
     /**
        * 在点击按钮之前按钮所显示的文字,默认是获取验证码
        */
       private String beforeText = "获取验证码";
    
    • 在开始倒计时之后那个秒数数字之后所要显示的字
     /**
        * 在开始倒计时之后那个秒数数字之后所要显示的字,默认是秒
        */
       private String afterText = "秒";
    

    3.利用什么倒计时Timer

    在Java中定时器任务的执行需要两个基本的类:
    java.util.Timer;
    java.util.TimerTask;

    要运行一个定时任务,最基本的步骤如下:
    1、建立一个要执行的任务TimerTask。
    2、创建一个Timer实例,通过Timer提供的schedule()方法,将 TimerTask加入到定时器Timer中,同时设置执行的规则即可。
    当程序执行了Timer初始化代码后,Timer定时任务就会按照设置去执行。
    Timer中的schedule()方法是有多种重载格式的,以适应不同的情况。该方法的格式如下:
    void schedule(TimerTask task, Date time)
    安排在指定的时间执行指定的任务。
    void schedule(TimerTask task, Date firstTime, long period)
    安排指定的任务在指定的时间开始进行重复的固定延迟执行。
    void schedule(TimerTask task, long delay)
    安排在指定延迟后执行指定的任务。
    void schedule(TimerTask task, long delay, long period)
    安排指定的任务从指定的延迟后开始进行重复的固定延迟执行。
    Timer是线程安全的,此类可扩展到大量同时安排的任务(存在数千个都没有问题)。其所有构造方法都启动计时器线程。可以调用cancel() 终止此计时器,丢弃所有当前已安排的任务。purge()从此计时器的任务队列中移除所有已取消的任务。此类不提供实时保证:它使用 Object.wait(long) 方法来安排任务。
    TimerTask是一个抽象类,由 Timer 安排为一次执行或重复执行的任务。它有一个抽象方法run()----计时器任务要执行的操作。因此,每个具体的任务类都必须继承TimerTask类,并且重写run()方法。另外它还有两个非抽象的方法:
    boolean cancel()
    取消此计时器任务。
    long scheduledExecutionTime()
    返回此任务最近实际 执行的安排 执行时间。

    4.代码

    import android.content.Context;
    import android.os.Handler;
    import android.os.Message;
    import android.text.TextUtils;
    import android.util.AttributeSet;
    import android.view.View;
    import android.widget.Button;
    
    import java.util.Timer;
    import java.util.TimerTask;
    
    /**
     * 自定义倒计时按钮
     * <p/>
     *
     * @author Dylan
     *         [佛祖保佑 永无BUG]
     *         Created by Dylan on 2016/10/5 0005.
     */
    public class CountdownButton extends Button implements View.OnClickListener {
        /**
         * 倒计时时长,默认倒计时时间60秒;
         */
        private long length = 60 * 1000;
        /**
         * 开始执行计时的类,可以在每秒实行间隔任务
         */
        private Timer timer;
        /**
         * 每秒时间到了之后所执行的任务
         */
        private TimerTask timerTask;
        /**
         * 在点击按钮之前按钮所显示的文字,默认是获取验证码
         */
        private String beforeText = "获取验证码";
        /**
         * 在开始倒计时之后那个秒数数字之后所要显示的字,默认是秒
         */
        private String afterText = "秒";
        /**
         * 按钮点击事件
         */
        private OnClickListener onClickListener;
    
    
        public CountdownButton(Context context) {
            super(context);
            initView();
        }
    
        public CountdownButton(Context context, AttributeSet attrs) {
            super(context, attrs);
            initView();
        }
    
        public CountdownButton(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            initView();
        }
    
        /**
         * 初始化操作
         */
        private void initView() {
            if (!TextUtils.isEmpty(getText())) {
                beforeText = getText().toString().trim();
            }
            this.setText(beforeText);
            setOnClickListener(this);
        }
    
        /**
         * 初始化时间
         */
        private void initTimer() {
            timer = new Timer();
            timerTask = new TimerTask() {
                @Override
                public void run() {
                    handler.sendEmptyMessage(1);
                }
            };
        }
    
        /**
         * 设置倒计时时长
         *
         * @param length 默认毫秒
         */
        public void setLength(long length) {
            this.length = length;
        }
    
        /**
         * 设置未点击时显示的文字
         *
         * @param beforeText
         */
        public void setBeforeText(String beforeText) {
            this.beforeText = beforeText;
        }
    
        /**
         * 设置未点击后显示的文字
         *
         * @param beforeText
         */
        public void setAfterText(String beforeText) {
            this.afterText = afterText;
        }
    
        /**
         * 设置监听按钮点击事件
         *
         * @param onclickListener
         */
        @Override
        public void setOnClickListener(OnClickListener onclickListener) {
            if (onclickListener instanceof CountdownButton) {
                super.setOnClickListener(onclickListener);
            } else {
                this.onClickListener = onclickListener;
            }
        }
    
        /**
         * 点击按钮后的操作
         *
         * @param v
         */
        @Override
        public void onClick(View v) {
            start();
            if (onClickListener != null) {
                onClickListener.onClick(v);
            }
        }
    
        /**
         * 开始倒计时
         */
        public void start() {
            initTimer();
            this.setText(length / 1000 + afterText);
            this.setEnabled(false);
            timer.schedule(timerTask, 0, 1000);
        }
    
    
        /**
         * 更新显示的文本
         */
        private Handler handler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                CountdownButton.this.setText(length / 1000 + afterText);
                length -= 1000;
                if (length < 0) {
                    CountdownButton.this.setEnabled(true);
                    CountdownButton.this.setText(beforeText);
                    clearTimer();
                    length = 60 * 1000;
                }
            }
        };
    
        /**
         * 清除倒计时
         */
        private void clearTimer() {
            if (timerTask != null) {
                timerTask.cancel();
                timerTask = null;
            }
            if (timer != null) {
                timer.cancel();
                timer = null;
            }
        }
    
        /**
         * 记得一定要在activity或者fragment消亡的时候清除倒计时,
         * 因为如果倒计时没有完的话子线程还在跑,
         * 这样的话就会引起内存溢出
         */
        @Override
        protected void onDetachedFromWindow() {
            clearTimer();
            super.onDetachedFromWindow();
        }
    }
    
    

    5.用法,超级简单

     <com.bm.ykzx.view.CountdownButton
                    android:id="@+id/cdb_register_timer"
                    android:layout_width="120dp"
                    android:textAllCaps="false"
                    android:layout_height="match_parent"
                    android:background="@android:color/transparent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:paddingRight="3dp"
                    android:text="获取验证码"
                    android:textColor="#1179c4"
                    android:textSize="@dimen/txt14sp" />
    

    相关文章

      网友评论

        本文标题:【Android自定义View实战】之获取验证码倒计时按钮

        本文链接:https://www.haomeiwen.com/subject/pgnsuttx.html