Android用2种颜色绘制圆（饼图）

  • Z时代
  • 2024-01-10
  • 分类：问答

这是我在stackoverflow.com上遇到的第一个问题，所以请原谅我做错了什么。

我想创建一个基本上像进度条的圆圈。现在，我想通过一些代码设置百分比。

我想要实现的是：https : //raw.github.com/psud/Melde-App/master/res/drawable-

hdpi/circlemiddle.png

我的问题：

  1. 无法使用两种颜色的圆圈工作（已经在论坛上搜索了几个小时，并且找到了类似于我的问题的解决方案，但我只是无法在我的应用程序中实现这些解决方案。我已经阅读了很多有关canvas的文章。 drawArc（…），但似乎找不到使用方法）。

  2. 如何将画布放入布局中？（我有一个xml布局，应该在特定布局内绘制画布，而不更改其余布局）。

谢谢。

回答：

这只是一个提示。这只是一个在同一矩形上绘制两个弧的视图：第一个弧的角度范围为0到360。第二个弧的角度范围（从第一个角度开始）从0到一个角度，该角度取决于百分比。

public class PercentView extends View {
    public PercentView (Context context) {
        super(context);
        init();
    }
    public PercentView (Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    public PercentView (Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }
    private void init() {
        paint = new Paint();
        paint.setColor(getContext().getResources().getColor(R.color.lightblue));
        paint.setAntiAlias(true);
        paint.setStyle(Paint.Style.FILL);
        bgpaint = new Paint();
        bgpaint.setColor(getContext().getResources().getColor(R.color.darkblue));
        bgpaint.setAntiAlias(true);
        bgpaint.setStyle(Paint.Style.FILL);
        rect = new RectF();
    }
    Paint paint;
    Paint bgpaint;
    RectF rect;
    float percentage = 0;
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //draw background circle anyway
        int left = 0;
        int width = getWidth();
        int top = 0;
        rect.set(left, top, left+width, top + width); 
        canvas.drawArc(rect, -90, 360, true, bgpaint);
        if(percentage!=0) {
            canvas.drawArc(rect, -90, (360*percentage), true, paint);
        }
    }
    public void setPercentage(float percentage) {
        this.percentage = percentage / 100;
        invalidate();
    }
}

添加到您的布局：

<bla.bla.PercentView
            android:id="@+id/percentview"
            android:layout_width="100dp"
            android:layout_height="100dp" />

以上是 Android用2种颜色绘制圆（饼图） 的全部内容， 来源链接： utcz.com/qa/412178.html

回到顶部