优雅的圆舞：用Android创造你的自定义圆环进度条

2023-12-18 09:07:04

自定义圆环进度条：Android 开发者的艺术之旅

理解圆环进度条的本质

圆环进度条是一种优雅且直观的 UI 元素，它广泛应用于 Android 应用程序中。它们本质上是一个圆形路径，划分为多个部分。已完成的部分填充颜色，表示当前进度，而剩余的部分保持空白，指示未完成的进度。

用代码创建圆环进度条

构建一个自定义的圆环进度条需要对 Android 绘图技术有一定了解。以下代码展示了如何使用 Paint 和 Canvas 类创建基本圆环进度条：

public class CustomCircularProgressBar extends View {

    private Paint paint;
    private RectF rectF;
    private float progress;

    public CustomCircularProgressBar(Context context) {
        super(context);
        init();
    }

    private void init() {
        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(10f);
        paint.setColor(Color.GREEN);
        rectF = new RectF();
    }

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

        // 计算圆环边界
        int width = getWidth();
        int height = getHeight();
        int radius = Math.min(width, height) / 2;
        rectF.set(width / 2 - radius, height / 2 - radius, width / 2 + radius, height / 2 + radius);

        // 绘制圆环
        canvas.drawArc(rectF, -90, 360 * progress, false, paint);
    }

    public void setProgress(float progress) {
        this.progress = progress;
        invalidate();
    }
}