Android CountDownTimer带有动画的倒计时

转载请标明出处：http://blog.csdn.net/donkor_/article/details/53305130

前言：

今天在项目开发中用到了一个计时器。主要用到的是Android 中有一个封装好的CountDownTimer类，可以直接调用实现倒计时效果。然后我在这个基础上加了两个Android Animation动画。分享出来供大家使用。

下面直接开始看效果图：

在这里，我们需要知道的是CountDownTimer类中的几个公共方法：

• 取消倒计时（译者：取消后，再次启动会重新开始倒计时）

public final void cancel()

• 倒计时完成时被调用

public abstract void onFinish() 

• 固定间隔被调用

public abstract void onTick(long millisUntilFinished)

• 启动倒计时

public synchronized final CountDownTimer start()

新建一个类继承CountDownTimer，重写onFinish（）以及onTick（）方法。实现过程比较简单，下面直接开始上代码：

/**
 * @author donkor
 */
public class MyCountTimer extends CountDownTimer {
public static final int TIME_COUNT = 31000;//倒计时总时间为31S，时间防止从29s开始显示（以倒计时30s为例子）
private TextView btn;
private String endStrRid;

/**
 * 参数 millisInFuture         倒计时总时间（如30s,60S，120s等）
 * 参数 countDownInterval    渐变时间（每次倒计1s）
 * 参数 btn               点击的按钮(因为Button是TextView子类，为了通用我的参数设置为TextView）
 * 参数 endStrRid   倒计时结束后，按钮对应显示的文字
 */
public MyCountTimer(long millisInFuture, long countDownInterval, TextView btn, String endStrRid) {
    super(millisInFuture, countDownInterval);
    this.btn = btn;
    this.endStrRid = endStrRid;
}

/**
 * 参数上面有注释
 */
public MyCountTimer(TextView btn, String endStrRid) {
    super(TIME_COUNT, 1000);
    this.btn = btn;
    this.endStrRid = endStrRid;
}

/**
 * 计时完毕时触发
 */
@Override
public void onFinish() {
    btn.setText(endStrRid);
    btn.setEnabled(true);
}

/**
 * 计时过程显示
 */
@Override
public void onTick(long millisUntilFinished) {
    btn.setEnabled(false);
    //每隔一秒修改一次UI
    btn.setText(millisUntilFinished / 1000+"");

    // 设置透明度渐变动画
    final AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);
    //设置动画持续时间
    alphaAnimation.setDuration(1000);
    btn.startAnimation(alphaAnimation);

    // 设置缩放渐变动画
    final ScaleAnimation scaleAnimation =new ScaleAnimation(0.5f, 2f, 0.5f,2f,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    scaleAnimation.setDuration(1000);
    btn.startAnimation(scaleAnimation);
}
}

布局xml：

<Button
        android:id="@+id/btnCountTimer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:background="@null"
        android:text="倒计时"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="20sp" />

调用：

Button btnCountTimer= (Button) findViewById(R.id.btnCountTimer);
        //倒计时总时间为10S，时间防止从9s开始显示
MyCountTimer myCountTimer = new MyCountTimer(11000, 1000, btnCountTimer, "重新倒计时");
myCountTimer.start();

CSDN下载地址 ： http://download.csdn.net/detail/donkor_/9691093

结尾：

希望这篇文章有帮助到您。欢迎关注我的微信公众号，扫一扫下方二维码，即可关注。有什么问题也可以直接留言，看到之后我会及时回复您。