在视图上绘制一个圆圈(android)

Question

我开始尝试编写一个Android应用程序.我想想象pi的Monte-Carlo-Approximation.因此,我首先想要在视图上绘制一个圆圈,但我不会让它工作!我试图创建我自己的"CircleView"类,它扩展了"View"并覆盖了onDraw(..)方法,就像它在这里解释的那样:如何在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参数构造函数来修复崩溃(请参阅/sf/answers/965822021/)

但是现在我仍然没有在活动中看到任何Circle

Answer 1

几点意见:

在确定圆的中心点和半径时,您需要考虑分配给视图的宽度和高度.

您应该考虑分配给视图的填充,这样就不会绘制该保留部分.

你应该避免在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);
    }
}