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

来源：互联网发布：mac docker ycm 编辑：程序博客网时间：2024/05/16 15:59

上一篇《

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);

大功告成,看下效果图

源码下载

1 0