java - 在 View 上画一个圆(android)

我首先尝试编写一个android应用程序。我想将pi的蒙特卡洛逼近形象化。因此，我首先要在视图上绘制一个圆，但我无法使其正常工作!
我尝试创建自己的“CircleView”类，该类扩展了“View”并覆盖onDraw(..)方法，如其在此处解释的那样:How to draw circle by canvas in Android?

这是我的CircleView类别

public class CircleView extends View {
    public CircleView(Context context) {
        super(context);
    }

    protected void onDraw(Canvas canvas){
        super.onDraw(canvas);
        Paint paint = new Paint();
        paint.setColor(150);
        canvas.drawCircle(50,50,20,paint);
    }
}

我已使用以下XML代码将CircleView插入LinearLayout中

<com.tak3r07.montecarlopi.CircleView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/circleView"
    android:layout_weight="1"/>

(顺便说一句，Android Studio在右侧的XML视图中告诉我:“呈现问题自定义视图CircleView未使用2或3参数View构造函数； XML属性将不起作用”)

该应用程序仅崩溃并显示以下日志:http://pastebin.com/Gv1GaHtX

有人可以告诉我我做错了吗？

我认为此设置将创建一个带有显示圆圈的视图的活动。

问候

编辑:通过在CircleView中添加2和3参数构造函数来修复崩溃(请参见https://stackoverflow.com/a/13797457/3248708)

但是现在我仍然看不到活动中的任何圈子

最佳答案

一些观察:

在确定圆的圆心和半径时，需要考虑分配给视图的宽度和高度。

您应该考虑分配给您的视图的填充，以免绘制该保留部分。

您应该避免在onDraw方法中分配对象，因为这被称为很多。

为了允许在XML布局中指定视图，您需要提供采用Context和AttributeSet的构造函数。 AttributeSet是将XML属性传递到视图的机制。

试试看:

package com.tak3r07.montecarlopi;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class CircleView extends View
{
    private static final int DEFAULT_CIRCLE_COLOR = Color.RED;

    private int circleColor = DEFAULT_CIRCLE_COLOR;
    private Paint paint;

    public CircleView(Context context)
    {
        super(context);
        init(context, null);
    }

    public CircleView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs)
    {
        paint = new Paint();
        paint.setAntiAlias(true);
    }

    public void setCircleColor(int circleColor)
    {
        this.circleColor = circleColor;
        invalidate();
    }

    public int getCircleColor()
    {
        return circleColor;
    }

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

        int w = getWidth();
        int h = getHeight();

        int pl = getPaddingLeft();
        int pr = getPaddingRight();
        int pt = getPaddingTop();
        int pb = getPaddingBottom();

        int usableWidth = w - (pl + pr);
        int usableHeight = h - (pt + pb);

        int radius = Math.min(usableWidth, usableHeight) / 2;
        int cx = pl + (usableWidth / 2);
        int cy = pt + (usableHeight / 2);

        paint.setColor(circleColor);
        canvas.drawCircle(cx, cy, radius, paint);
    }
}