实现倒计时的动画效果

项目要求做一个这样子的gif

View的代码是

package com.example;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

/**
 * 默认是浅绿色
 * @author lq
 *
 */
public class TimerCountdownView extends View {

	int mMaxSeconds = 0 ;
	float mRateAngle = 0 ;
	private float mMaxAngle = 0;

	/**外圈相关**/
	private float mOutCircleWidth = 2;
	private int mOutCircleColor = 0xff01BCB3;
	//起始角度
	private float mOutStartAngle = 145;
	//扫描角度
	private float mOutSweepAngle = 250;

	/**内圈相关**/
	private float mInCircleWidth = 10;
	private int mInCircleColor = 0xffF5F5F5;
	//起始角度
	private float mInStartAngle = 145;
	//扫描角度
	private float mInSweepAngle = 250;

	/**外圈与内圈的距离**/
	private float mOutAndInPadding = 12; //外援环和小圆环虹之间的间隔

	//发起重回命令
	private int mActionHeartbeat = 1 ;

	//间隔时间
	private int mDelayTime = 1 * 1000 ;

	private CountdownTimerListener mListener ;

	public TimerCountdownView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	private Handler mHandler = new Handler() {

		public void handleMessage(android.os.Message msg) {
			if(msg.what == mActionHeartbeat){
				mMaxAngle = mMaxAngle - mRateAngle;
				mMaxSeconds = mMaxSeconds - 1;
				if (mMaxSeconds >= 0) {
					invalidate();
					mHandler.sendEmptyMessageDelayed(mActionHeartbeat,mDelayTime);
					if(mListener!=null){
						mListener.onCountDown(showTheTimer(mMaxSeconds));
						mListener.onTimeArrive(false);
					}
//					Log.d("", "剩余"+mMaxSeconds+"秒" +"  剩余角度："+mMaxAngle);
				}else{
					    mListener.onTimeArrive(true);
				}
			}
		};
	};

	public void updateView(){
			mHandler.sendEmptyMessage(mActionHeartbeat);
	}

	public void destroy(){
		mHandler.removeMessages(100);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		drawInCircle(canvas);
		drawOutCircle(canvas);
	}

	public void drawInCircle(Canvas canvas){
		Paint paint = new Paint();
		paint.setColor(mInCircleColor);
		paint.setAntiAlias(true);
		paint.setStyle(Style.STROKE);
		paint.setStrokeWidth(mInCircleWidth);
		float left = mOutAndInPadding + mOutCircleWidth;
		float top = left;
		float right = getWidth() - left;
		float bottom = getHeight() - top;
		RectF oval = new RectF(left, top, right, bottom);
		canvas.drawArc(oval, mInStartAngle, mInSweepAngle, false, paint);

	}

	public void drawOutCircle(Canvas canvas){
		Paint paint = new Paint();
		paint.setColor(mOutCircleColor);
		paint.setStyle(Style.STROKE);
		paint.setAntiAlias(true);
		paint.setStrokeWidth(mOutCircleWidth);

		float left = 1;
		float top = left;
		float right = getWidth() - left;
		float bottom = getHeight()- top;
		RectF oval = new RectF(left+mOutCircleWidth, top+mOutCircleWidth, right-mOutCircleWidth, bottom-mOutCircleWidth);

		canvas.drawArc(oval, mOutStartAngle,mMaxAngle , false, paint);

	}

	/**
	 * 设置初始最大时间
	 * @param minute 单位分
	 */
	public void setMaxTime(int minute){
		mMaxAngle = mOutSweepAngle ;
		mMaxSeconds = minute * 60 ;
		mRateAngle = mMaxAngle / mMaxSeconds ;
	}

	public void setOutCicleColor(int color){
		mOutCircleColor = color ;
	}

	public void setOutCicleWidth(int width){
		mOutCircleWidth = width ;
	}

	public void setInCicleColor(int color){
		mInCircleColor = color;
	}

	public void setInCicleWidth(int width){
		mInCircleWidth = width;
	}

	public void setOuterAndInerPadding(int padding){
		mOutAndInPadding = padding ;
	}

	public String showTheTimer(int seconds){
		String timer = "";
		String sminute = "";
		String ssecond = "";
		if(seconds>=0){
			int minute = seconds / 60 ;
			int second = seconds % 60 ;

			if(minute<10){
				sminute = "0"+minute+":";
			}else{
				sminute = minute+":" ;
			}
			if(second<10){
				ssecond = "0"+second;
			}else{
				ssecond = second+"" ;
			}
			timer = sminute + ssecond;
		}else{
			timer = "00:00";
		}
		return timer ;
	}

	public interface CountdownTimerListener{

		//当前倒计时计算的文本  格式 mm-ss
		public void onCountDown(String time);

		//倒计时是否到达
		public void onTimeArrive(boolean isArrive);
	}

	public void addCountdownTimerListener(CountdownTimerListener listener){
		mListener = listener ;
	}
}

xml代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white" >

      <com.example.TimerCountdownView  android:id="@+id/view2"
								  android:layout_width="120dip"
        							android:layout_height="120dip"
        							android:layout_centerInParent="true"/>
    	<TextView android:id="@+id/timer"
    	    	  android:layout_width="wrap_content"
    	    	  android:layout_height="wrap_content"
    	    	  android:layout_centerInParent="true"
    	    	  android:textColor="#01BCB3"
    	    	  android:textSize="30sp"
    	    	  android:text="00:00"/>
    	<TextView android:id="@+id/timer_hint"
    	    android:layout_below="@+id/timer"
    	    	  android:layout_width="wrap_content"
    	    	  android:layout_height="wrap_content"
    	    	  android:layout_centerInParent="true"
    	    	  android:textColor="#cccccc"
    	    	  android:textSize="13sp"
    	    	    android:layout_marginBottom="10dip"
    	    	  android:text="/分钟\n倒计时"/>
</RelativeLayout>

Activity调用代码

package com.example;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;

import com.example.TimerCountdownView.CountdownTimerListener;
import com.example.circleprogressbar.R;

public class SimpleActivity extends Activity {

	private Context mContext;

	TimerCountdownView view ;
	TextView mTimer ;
	  @Override
	    protected void onCreate(Bundle savedInstanceState) {
	        super.onCreate(savedInstanceState);
	        setContentView(R.layout.activity_base);
	        mContext =this;
	        view = (TimerCountdownView) findViewById(R.id.view2);

	        mTimer = (TextView) findViewById(R.id.timer);

	        view.setMaxTime(1);
	        view.updateView();
	        view.addCountdownTimerListener(litener);
	    }
	  CountdownTimerListener litener = new CountdownTimerListener() {

		@Override
		public void onCountDown(String time) {
			mTimer.setText(time);
		}

		@Override
		public void onTimeArrive(boolean isArrive) {
			if(isArrive){
				Toast.makeText(mContext, "时间到", Toast.LENGTH_SHORT).show();
			}
		}
	};

}