Android自定义圆形渐变进度条(续)--加动画

上一篇《 

Android自定义圆形渐变进度条

》 介绍了实现基本的圆形渐变进度条的方法.

最近项目用到了动画的需求,对于动画又有了进一步的掌握,索性就将之前的圆形进度条也加上动画.

1.动手前的思考

因为之前画的圆根据mProgress/mMaxProgress * 360来计算的,所以现在只需要对于mProgress/mMaxProgress的值添加动画即可

2.添加动画

添加自定义动画类,继承Android.view.animation.Animation,并重写方法applyTransformation(float
interpolatedTime, Transformation t),interpolatedTime的值从0变为1,变为1时动画结束,t是变换的矩阵,动画改编矩阵就可以实现各种效果,不过本次暂且用不到,代码如下:

/**
* 进度条加载动画
*/
class CustomAnimation extends Animation {

public CustomAnimation() {
}

@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
super.applyTransformation(interpolatedTime, t);

if (interpolatedTime < 1.0f){
//mSection为旋转的值,mSweepAngle为进度条的最终值
mSection = interpolatedTime * mSweepAngle;
}else {
mSection = mSweepAngle;
}
postInvalidate();
}
}

OK,动画类写好了,接下来在自定义View的构造函数中初始化,设置下参数
mSection = 0;
anim = new CustomAnimation();
anim.setFillAfter(true); //执行完动画后保存状态
anim.setDuration(2000);

最后,在画圆的时候将随着动画时间变化的值mSection设置进去即可
canvas.drawArc(mRectF,-90,mSection * 360,false,mPaint);

大功告成,看下效果图



源码下载