android - 创建类似于 Google Fit 的圆环图

Question

有谁知道如何创建类似于 Google Fit 中的圆环图。

Answer 1

我也想要这个，但我能找到的最佳答案是“自己制作”。所以我做到了。

这是非常基础的(我是 android 的新手)并且未完成，但它应该给你一个想法。

基本上，您只需设置您的绘画对象

    paintPrimary = new Paint();
    paintPrimary.setAntiAlias(true);
    paintPrimary.setColor(colorPrimary);
    paintPrimary.setStyle(Paint.Style.STROKE);
    paintPrimary.setStrokeCap(Paint.Cap.ROUND);

并调用canvas.drawArc

class FitDoughnutView extends View {

    private RectF _oval;

    public FitDoughnutView(Context ctx) {
        super(ctx);
    }

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

        canvas.drawArc(_oval, 0, 360, false, paintSecondary);

        canvas.drawArc(_oval, 270, percentDeg, false, paintPrimary);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        _oval = new RectF(width, width, w - width, h - width);
    }
}

完整资源在这里: github.com/tehmantra/fitdoughnut

某人的教程:hmkcode.com/android-canvas-how-to-draw-2d-donut-chart/