【Android自定義View實戰(zhàn)】之獲取驗證碼倒計時按鈕

轉(zhuǎn)載請注明出處:http://blog.csdn.net/linglongxin24/article/details/52876225 【DylanAndroid的csdn博客】


在Android開發(fā)中目锭,我們不可避免的會做到注冊功能,而現(xiàn)在的注冊大多數(shù)都是用手機去注冊的,那么注冊的時候都會要求用獲取驗證碼的方式去驗證,我們接下來就來實戰(zhàn)一下自定義獲取驗證碼倒計時按鈕:

1.先看效果圖

這里寫圖片描述

2.我們涉及到的變量

  • 倒計時時長隐砸,可設(shè)置

/**
* 倒計時時長甘改,默認倒計時時間60秒塞茅;
*/
private long length = 60 * 1000;


*  在點擊按鈕之前按鈕所顯示的文字
```java
 /**
    * 在點擊按鈕之前按鈕所顯示的文字混聊,默認是獲取驗證碼
    */
   private String beforeText = "獲取驗證碼";
  • 在開始倒計時之后那個秒數(shù)數(shù)字之后所要顯示的字
 /**
    * 在開始倒計時之后那個秒數(shù)數(shù)字之后所要顯示的字,默認是秒
    */
   private String afterText = "秒";

3.利用什么倒計時Timer

在Java中定時器任務的執(zhí)行需要兩個基本的類:
java.util.Timer;
java.util.TimerTask;

要運行一個定時任務瞬场,最基本的步驟如下:
1买鸽、建立一個要執(zhí)行的任務TimerTask。
2贯被、創(chuàng)建一個Timer實例眼五,通過Timer提供的schedule()方法妆艘,將 TimerTask加入到定時器Timer中,同時設(shè)置執(zhí)行的規(guī)則即可看幼。
當程序執(zhí)行了Timer初始化代碼后批旺,Timer定時任務就會按照設(shè)置去執(zhí)行。
Timer中的schedule()方法是有多種重載格式的诵姜,以適應不同的情況朱沃。該方法的格式如下:
void schedule(TimerTask task, Date time)
安排在指定的時間執(zhí)行指定的任務。
void schedule(TimerTask task, Date firstTime, long period)
安排指定的任務在指定的時間開始進行重復的固定延遲執(zhí)行茅诱。
void schedule(TimerTask task, long delay)
安排在指定延遲后執(zhí)行指定的任務。
void schedule(TimerTask task, long delay, long period)
安排指定的任務從指定的延遲后開始進行重復的固定延遲執(zhí)行搬卒。
Timer是線程安全的瑟俭,此類可擴展到大量同時安排的任務(存在數(shù)千個都沒有問題)。其所有構(gòu)造方法都啟動計時器線程契邀“诩模可以調(diào)用cancel() 終止此計時器,丟棄所有當前已安排的任務坯门。purge()從此計時器的任務隊列中移除所有已取消的任務微饥。此類不提供實時保證:它使用 Object.wait(long) 方法來安排任務。
TimerTask是一個抽象類古戴,由 Timer 安排為一次執(zhí)行或重復執(zhí)行的任務欠橘。它有一個抽象方法run()----計時器任務要執(zhí)行的操作。因此现恼,每個具體的任務類都必須繼承TimerTask類肃续,并且重寫run()方法。另外它還有兩個非抽象的方法:
boolean cancel()
取消此計時器任務叉袍。
long scheduledExecutionTime()
返回此任務最近實際 執(zhí)行的安排 執(zhí)行時間始锚。

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;
    /**
     * 開始執(zhí)行計時的類瞧捌,可以在每秒實行間隔任務
     */
    private Timer timer;
    /**
     * 每秒時間到了之后所執(zhí)行的任務
     */
    private TimerTask timerTask;
    /**
     * 在點擊按鈕之前按鈕所顯示的文字,默認是獲取驗證碼
     */
    private String beforeText = "獲取驗證碼";
    /**
     * 在開始倒計時之后那個秒數(shù)數(shù)字之后所要顯示的字润文,默認是秒
     */
    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);
            }
        };
    }

    /**
     * 設(shè)置倒計時時長
     *
     * @param length 默認毫秒
     */
    public void setLength(long length) {
        this.length = length;
    }

    /**
     * 設(shè)置未點擊時顯示的文字
     *
     * @param beforeText
     */
    public void setBeforeText(String beforeText) {
        this.beforeText = beforeText;
    }

    /**
     * 設(shè)置未點擊后顯示的文字
     *
     * @param beforeText
     */
    public void setAfterText(String beforeText) {
        this.afterText = afterText;
    }

    /**
     * 設(shè)置監(jiān)聽按鈕點擊事件
     *
     * @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消亡的時候清除倒計時姐呐,
     * 因為如果倒計時沒有完的話子線程還在跑,
     * 這樣的話就會引起內(nèi)存溢出
     */
    @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" />
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末转唉,一起剝皮案震驚了整個濱河市皮钠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赠法,老刑警劉巖麦轰,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乔夯,死亡現(xiàn)場離奇詭異,居然都是意外死亡款侵,警方通過查閱死者的電腦和手機末荐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來新锈,“玉大人甲脏,你說我怎么就攤上這事∶冒剩” “怎么了块请?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長拳缠。 經(jīng)常有香客問我墩新,道長,這世上最難降的妖魔是什么窟坐? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任海渊,我火速辦了婚禮,結(jié)果婚禮上哲鸳,老公的妹妹穿的比我還像新娘臣疑。我一直安慰自己,他們只是感情好徙菠,可當我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布讯沈。 她就那樣靜靜地躺著,像睡著了一般婿奔。 火紅的嫁衣襯著肌膚如雪芙盘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天脸秽,我揣著相機與錄音儒老,去河邊找鬼。 笑死记餐,一個胖子當著我的面吹牛驮樊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播片酝,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼囚衔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了雕沿?” 一聲冷哼從身側(cè)響起练湿,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎审轮,沒想到半個月后肥哎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辽俗,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年篡诽,在試婚紗的時候發(fā)現(xiàn)自己被綠了崖飘。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡杈女,死狀恐怖朱浴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情达椰,我是刑警寧澤翰蠢,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站啰劲,受9級特大地震影響躏筏,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜呈枉,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望埃碱。 院中可真熱鬧猖辫,春花似錦、人聲如沸砚殿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽似炎。三九已至辛萍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間羡藐,已是汗流浹背贩毕。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留仆嗦,地道東北人辉阶。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像瘩扼,于是被迫代替她去往敵國和親谆甜。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Timer 定時器相信都不會陌生集绰,之所以拿它來做源碼分析规辱,是發(fā)現(xiàn)整個控制流程可以體現(xiàn)很多有意思的東西。 在業(yè)務開發(fā)...
    石先閱讀 6,334評論 2 13
  • 上次熟悉了MarkDown的用法之后栽燕,由于各種原因一直沒有時間更新博客罕袋。改淑。。這次打算把我之前總結(jié)的一些東西陸陸續(xù)續(xù)...
    niaoge2016閱讀 2,037評論 0 2
  • 在需要按時間計劃執(zhí)行簡單任務的情況下炫贤,Timer是最常被使用到的工具類溅固。使用Timer來調(diào)度TimerTask的實...
    海納百川_spark閱讀 7,732評論 0 13
  • 凡人2048-經(jīng)典單機益智游戲 本游戲特色: -3×3、4×4兰珍、5×5 凡人, 筑基, 金丹, 元嬰, 化神, 煉...
    定心天下閱讀 552評論 0 0
  • 我發(fā)現(xiàn)即使是一個看著樸實的老大叔也不代表就是一個老實的好人侍郭。以貌取人本身就是存在巨大偏差的。我發(fā)現(xiàn)我當真就是一個生...
    雀島札記閱讀 119評論 0 0