获取短信验证码时的倒计时按钮实现

在Android中实现倒计时有多种方式，如使用传统的Java方式Timer+TimerTask等，这里我们使用系统自带的类CountDownTimer。CountDownTimer内部使用的是Handler来实现倒计时功能的。

先来看效果图。



为了方便在多个页面中使用该功能（如注册、找回密码、重置密码），这里将该功能封装到CountDownTimerButton类中。

在使用CountDownTimer类时，需要重写两个方法。

public abstract void onTick(long millisUntilFinished);

倒计时进行中，在这里刷新按钮的数字。millisUntilFinished表示距离倒计时结束的剩余时间，单位毫秒。

public abstract void onFinish();

倒计时完成。

直接上CountDownTimerButton类代码，含详细注释：

[java]
view plain
copy

package net.csdn.blog.ruancoder;  
  
import android.content.Context;  
import android.content.res.TypedArray;  
import android.graphics.drawable.Drawable;  
import android.os.CountDownTimer;  
import android.util.AttributeSet;  
import android.widget.Button;  
  
/** 
 * 带倒计时的按钮 
 */  
public class CountDownTimerButton extends Button {  
    private Drawable mNormalBackground;  
    private Drawable mDisableBackground;  
  
    // 总倒计时时间  
    private static final long MILLIS_IN_FUTURE = 60 * 1000;  
    // 每次减去1秒  
    private static final long COUNT_DOWN_INTERVAL = 1000;  
  
    public CountDownTimerButton(Context context) {  
        this(context, null);  
    }  
  
    public CountDownTimerButton(Context context, AttributeSet attrs) {  
        this(context, attrs, 0);  
    }  
  
    public CountDownTimerButton(Context context, AttributeSet attrs, int defStyleAttr) {  
        super(context, attrs, defStyleAttr);  
        init(context, attrs);  
    }  
  
    // 初始化  
    private void init(Context context, AttributeSet attrs) {  
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CountDownTimerButton);  
        mNormalBackground = a.getDrawable(R.styleable.CountDownTimerButton_normalBackground);// 默认背景  
        mDisableBackground = a.getDrawable(R.styleable.CountDownTimerButton_disableBackground);// 不可点击时的背景  
        setBackgroundDrawable(mNormalBackground);  
    }  
  
    // 启动倒计时  
    public void startCountDown() {  
        // 设置按钮为不可点击，并修改显示背景  
        setEnabled(false);  
        setBackgroundDrawable(mDisableBackground);  
        // 开始倒计时  
        new CountDownTimer(MILLIS_IN_FUTURE, COUNT_DOWN_INTERVAL) {  
            @Override  
            public void onTick(long millisUntilFinished) {  
                // 刷新文字  
                setText(getContext().getString(R.string.reget_sms_code_countdown, millisUntilFinished / COUNT_DOWN_INTERVAL));  
            }  
  
            @Override  
            public void onFinish() {  
                // 重置文字，并恢复按钮为可点击  
                setText(R.string.reget_sms_code);  
                setEnabled(true);  
                setBackgroundDrawable(mNormalBackground);  
            }  
        }.start();  
    }  
}  

上述代码中需要用到的attrs.xml：

[html]
view plain
copy

<?xml version="1.0" encoding="utf-8"?>  
<resources>  
    <declare-styleable name="CountDownTimerButton">  
        <attr name="normalBackground" format="reference|color" />  
        <attr name="disableBackground" format="reference|color" />  
    </declare-styleable>  
</resources>  

以及strings.xml：

[html]
view plain
copy

<resources>  
    <string name="get_sms_code">获取验证码</string>  
    <string name="reget_sms_code">重新发送</string>  
    <string name="reget_sms_code_countdown">重新发送(%s)</string>  
</resources>  

最后附上完整工程下载链接：
http://download.csdn.net/detail/ruancoder/9571311