Android实现自定义圆形进度条

下面是“Android实现自定义圆形进度条”的完整攻略。

1.准备工作

在开始实现自定义圆形进度条之前，我们需要进行一些准备工作：

添加依赖库

我们需要在项目的build.gradle文件中添加自定义View的依赖库。

dependencies {
    implementation 'com.android.support:appcompat-v7:26.1.0'
    implementation 'com.android.support:support-v4:26.1.0'
    implementation 'com.android.support:design:26.1.0'
}

创建自定义View类

我们需要创建一个自定义View类来实现我们的自定义圆形进度条。在该类中，需要重写onDraw方法，并添加一些自定义属性。

下面是一个简单的自定义View类的示例：

public class CustomProgressBar extends View {

    private int mProgress;
    private int mMax;
    private int mColors[];

    private Paint mPaint;

    public CustomProgressBar(Context context) {
        this(context, null);
    }

    public CustomProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);

        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomProgressBar);
        mMax = a.getInt(R.styleable.CustomProgressBar_max, 100);
        mProgress = a.getInt(R.styleable.CustomProgressBar_progress, 0);
        mColors = a.getIntArray(R.styleable.CustomProgressBar_colors);

        a.recycle();

        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        mPaint.setStrokeWidth(10);
    }

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

        RectF rectF = new RectF(50f, 50f, getWidth() - 50f, getHeight() - 50f);
        float angle = 360f * mProgress / mMax;

        if (mColors != null && mColors.length > 0) {
            SweepGradient gradient = new SweepGradient(rectF.centerX(), rectF.centerY(), mColors, null);
            mPaint.setShader(gradient);
        }

        canvas.drawArc(rectF, -90f, angle, false, mPaint);
    }

    public int getMax() {
        return mMax;
    }

    public void setMax(int max) {
        mMax = max;
    }

    public int getProgress() {
        return mProgress;
    }

    public void setProgress(int progress) {
        mProgress = progress;
        invalidate();
    }

    public void setColors(int[] colors) {
        mColors = colors;
        invalidate();
    }
}

2.实现自定义圆形进度条

我们可以使用自定义View类来实现自定义圆形进度条。首先，在layout.xml文件中添加我们的自定义View：

<com.example.widget.CustomProgressBar
    android:id="@+id/custom_progressbar"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_gravity="center"
    android:padding="20dp"
    app:max="100"
    app:progress="0"
    app:colors="@array/colors"/>

接下来，我们在Activity中找到该自定义View，并使用代码设置进度和颜色：

CustomProgressBar progressBar = findViewById(R.id.custom_progressbar);
progressBar.setProgress(50);
progressBar.setColors(new int[] {Color.RED, Color.YELLOW, Color.GREEN});

完成上述步骤后，我们就可以看到一个自定义的圆形进度条了。

3.示例说明

下面我们来看两个示例说明：

示例一：使用ValueAnimator实现动画效果

我们可以使用ValueAnimator来实现动画效果。首先，准备好一个ValueAnimator：

ValueAnimator animator = ValueAnimator.ofInt(0, 100);
animator.setDuration(2000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int value = (int) valueAnimator.getAnimatedValue();
        progressBar.setProgress(value);
    }
});
animator.start();

然后，在CustomProgressBar类中添加以下代码：

@Override
protected void onAttachedToWindow() {
    super.onAttachedToWindow();

    ValueAnimator animator = ValueAnimator.ofInt(0, mProgress);
    animator.setDuration(2000);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            int value = (int) valueAnimator.getAnimatedValue();
            mProgress = value;
            invalidate();
        }
    });
    animator.start();
}

通过这种方式，我们就可以实现一个动态的圆形进度条。

示例二：实现循环进度条

循环进度条是指当进度达到最大值时，从0重新开始的进度条。我们可以通过设置Duration形成循环的效果。

首先，在CustomProgressBar类中添加以下代码：

public void startProgressAnimation() {
    ValueAnimator animator = ValueAnimator.ofInt(0, mMax);
    animator.setDuration(2000);
    animator.setRepeatCount(ValueAnimator.INFINITE);
    animator.setRepeatMode(ValueAnimator.RESTART);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            mProgress = (int) valueAnimator.getAnimatedValue();
            invalidate();
        }
    });
    animator.start();
}

然后，我们在Activity中调用startProgressAnimation方法，就可以实现循环的进度条效果了。

CustomProgressBar progressBar = findViewById(R.id.custom_progressbar);
progressBar.startProgressAnimation();

至此，我们已经详细讲解了“Android实现自定义圆形进度条”的完整攻略。希望对你有所帮助。