画在画布上的圆与屏幕不匹配

Question

我想在屏幕中央画一个圆，但是我得到的结果像这样：

我使用以下代码来绘制这个圆。

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    Display display = getWindowManager().getDefaultDisplay(); 
    int width = display.getWidth();
    int height = display.getHeight();

    Bitmap bmp = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_4444);

    Canvas c = new Canvas(bmp);

    RectF rect = new RectF(0,0,width,width);
    drawCircle(rect, c, width, height);
    ImageView img = (ImageView) findViewById(R.id.imageView1);
    img.setImageBitmap(bmp);
    img.setScaleType(ScaleType.FIT_CENTER);


}

private void drawCircle(RectF rect, Canvas c, int width, int height) {
    Paint paint = new Paint();
    paint.setARGB(255, 255 , 10, 21);
    paint.setStrokeWidth(10);
    paint.setAntiAlias(true);
    paint.setStrokeCap(Paint.Cap.BUTT);
    paint.setStyle(Paint.Style.STROKE);
    int radius;
    if(width < height)
        radius = width/2;
    else 
        radius = height/2;
    c.drawCircle(width/2, height/2, radius, paint);
}

我不理解为什么即使我使用屏幕尺寸来绘制它，它的边缘还是被裁剪了，所以它应该完美地适合屏幕。

- dziwna

---

你没有考虑线条的厚度。你画了一个假设线条为0厚度的圆，所以"实际"的圆形是与屏幕边缘相接触的，但由于你使用了一支粗油漆刷，部分油漆超出了边缘。 - Marc B

你不应该考虑strokeWidth吗？ - Loris

@MarcB 我认为你应该将它发布为答案 :-) - Piotr Chojnacki

@MarcB 是的，你说得对。我感到很惭愧，我没有想到这一点。 - dziwna

一个提示：不要使用ARGB_4444，而是使用ARGB_8888，除此之外只需使用宽度/高度-5（或更多）/2。 - Ahmad

Answer 1

您没有考虑线条的粗细（strokeWidth）。您画了一个假设它厚度为0的圆，因此“实际”圆确实与屏幕边缘接触，但由于您使用了一支粗油漆刷，一些油漆泄漏到了边缘之外。

- Marc B

Answer 2

您应该将厚度减少一半。

    private void drawCircle(RectF rect, Canvas c, int width, int height) {
        Paint paint = new Paint();
        paint.setARGB(255, 255 , 10, 21);
        paint.setStrokeWidth(10);
        paint.setAntiAlias(true);
        paint.setStrokeCap(Paint.Cap.BUTT);
        paint.setStyle(Paint.Style.STROKE);
        int radius;
        if(width < height)
            radius = width/2;
        else 
            radius = height/2;

//this is the new line:
        radius-= 5;
        c.drawCircle(width/2, height/2, radius, paint);
    }

- Wops

Answer 3

在半径中考虑 StrokeWidth：

// Substract stroke width.
radius -= paint.getStrokeWidth() / 2;
c.drawCircle(width/2, height/2, radius, paint);

- Cerbrus