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

最新推荐文章于 2025-04-17 00:15:00 发布

咻咻一休休

最新推荐文章于 2025-04-17 00:15:00 发布

阅读量596

点赞数 1

分类专栏： view 文章标签：圆形进度条动画渐变进度条动画

本文链接：https://blog.youkuaiyun.com/u014602775/article/details/62417399

版权

view 专栏收录该内容

3 篇文章

订阅专栏

这篇博客介绍了如何在Android中为自定义的圆形渐变进度条添加动画效果。作者首先回顾了之前的圆形进度条实现，然后通过创建一个继承自Android.view.animation.Animation的自定义动画类，并在applyTransformation方法中处理动画逻辑。最后，文章提到了在自定义View构造函数中初始化动画并设置参数的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇《

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

大功告成,看下效果图

源码下载