Android 自定义View 之 Path PathMeasure (三)之渐变色进度条Progress

最新推荐文章于 2022-09-14 06:15:00 发布

梦想改变生活

最新推荐文章于 2022-09-14 06:15:00 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Path Progress 文章标签： android canvas java

本文链接：https://blog.youkuaiyun.com/Android_LeeJiaLun/article/details/108716431

Path 同时被 2 个专栏收录

3 篇文章

订阅专栏

Progress

1 篇文章

订阅专栏

本文介绍了一种可调整渐变效果的进度条实现方案，包括初始化画笔、路径设置、绘制渐变过程及动态进度动画的实现方法。

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

可调整渐变的进度条Progress

在这里插入图片描述
如上图所示

需求场景：

进度条
颜色渐变
可静态\可自动

代码解析

初始化背景进度条画笔、前景可渐变进度条画笔

	/**
	初始化背景进度条画笔、前景可渐变进度条画笔
	**/
    private void initView(Context context, AttributeSet attrs) {

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ProgressCirce);
        gradientLeftColor = typedArray.getColor(R.styleable.ProgressCirce_gradient_left_color, -1);
        gradientRightColor = typedArray.getColor(R.styleable.ProgressCirce_gradient_right_color, -1);
        normalColor = typedArray.getColor(R.styleable.ProgressCirce_gradient_normal_color, 0xFFF4F4F6);


        backPaint = new Paint();
        backPaint.setStyle(Paint.Style.FILL);
        backPaint.setColor(normalColor);
        backPaint.setAntiAlias(true);


        forPaint = new Paint();
        forPaint.setAntiAlias(true);
        forPaint.setStyle(Paint.Style.FILL);

        typedArray.recycle();

//        forPaint.setColor(Color.RED);
    }

使用path初始化背景进度路径

   @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        forPath = new Path();
        backPath = new Path();
        backPath.addRoundRect(
                getPaddingLeft(),
                getPaddingTop(),
                getMeasuredWidth(),
                getMeasuredHeight(),
                radius, radius, Path.Direction.CCW);


    }

绘制
通过传入当前的progress 和progressMax(最大值)计算出当前进度处于width 中什么位置
得到停止位置stopD ,绘制出前景progress

   forPath.reset();
        canvas.drawPath(backPath, backPaint);

        float stopD = (float) (Math.abs(progress)) / progressMax * getMeasuredWidth();
        forPaint.setShader(getLinearGradient());
        forPath.addRoundRect(
                getPaddingLeft(),
                getPaddingTop(),
                stopD,
                getMeasuredHeight(),
                radius, radius, Path.Direction.CCW);
        if (progress != 1) {
            canvas.drawPath(forPath, forPaint);
        }

线性渐变
获取线性渐变值，通知传入的color id，设置渐变。


    /**
     * 获取线性渐变
     *
     * @return
     */
    private LinearGradient getLinearGradient() {
        if (linearGradient == null) {
            linearGradient = new LinearGradient(0, 0,
                    getMeasuredWidth(),
                    getMeasuredHeight(),
                    gradientLeftColor,
                    gradientRightColor,
                    Shader.TileMode.CLAMP); //根据R文件中的id获取到color
        }
        return linearGradient;
    }

开启动态progress动画

  /**
     * 开启自动进度动画
     */
    public void startAutoProcessAnimation(final AnimationInterface animationInterface) {
        if (valueAnimator == null) {
            valueAnimator = ValueAnimator.ofInt(0, (int) progressMax);
            valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {


                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    setProgress((Integer) animation.getAnimatedValue());
                    if (animationInterface != null) {
                        animationInterface.animationRunning((Integer) animation.getAnimatedValue());
                    }
                }

            });
            valueAnimator.setDuration(2000);
            valueAnimator.setInterpolator(new LinearInterpolator());
            valueAnimator.start();
        }
    }

    /**
     * 停止自动进度动画
     */
    public void stopAutoProcessAnimation() {
        if (valueAnimator != null) {
            valueAnimator.cancel();
            valueAnimator = null;
        }
    }

    public interface AnimationInterface {
        void animationRunning(int progress);

    }

设置静态progress

  /**
     * 设置静态progress
     *
     * @param progress
     */
    public void setProgress(int progress) {
        if (progress > progressMax) {
            this.progress = (int) progressMax;
        } else if (progress <= 0) {
            this.progress = 1;
        } else {
            this.progress = progress;
        }
        invalidate();
    }