Android 画布线描边圆形比简单线条大

Question

我试图在我的 imageView 位图上绘制特定宽度的圆线。

所以我在有和没有这个选项的情况下画了一条简单的线paintLine.strokeCap = Paint.Cap.ROUND。

结果如下：

第一个是圆形的，您可以看到它比底部的大。

这是我使用的代码。

    val paintLine = Paint()
    paintLine.color = Color.WHITE
    paintLine.style = Paint.Style.FILL_AND_STROKE
    paintLine.strokeWidth = 40.0f
    paintLine.strokeCap = Paint.Cap.ROUND

    val workingBitmap = Bitmap.createBitmap(bitmap)
    val mutableBitmap = workingBitmap.copy(Bitmap.Config.ARGB_8888, true)

    val drawingBitmapCanvas = Canvas(mutableBitmap)

    drawingBitmapCanvas.apply {
        drawLine(300, 300, 400, 300, paintLine)
    }

我想知道是否有办法使圆线保持相同的宽度？

谢谢。

Answer 1

这只需要您进行一点数学计算。添加到线条的圆形笔划帽的宽度/长度等于油漆笔划的一半。

这是我的代码：

Paint linePaint =  new Paint();
Paint noCaplinePaint =  new Paint();

public void init(){
    linePaint.setColor(this.getResources().getColor(android.R.color.black));
    linePaint.setStyle(Paint.Style.FILL_AND_STROKE);
    linePaint.setStrokeWidth(40f);
    linePaint.setStrokeCap(Paint.Cap.ROUND);

    noCaplinePaint.setColor(this.getResources().getColor(android.R.color.black));
    noCaplinePaint.setStyle(Paint.Style.FILL_AND_STROKE);
    noCaplinePaint.setStrokeWidth(40f);
}

然后在onDraw：

canvas.drawLine(50f, 40f, 300f, 40f, noCaplinePaint);
canvas.drawLine(70f, 81f, 280f, 81f, linePaint);

产生这些行：

因此，回顾一下，圆线帽的尺寸可以这样计算：

additionalLengthFromRoundCap = lineStrokeWidth/2

并且此上限将添加到线条的两端，因此线条将比strokeWidth绘制的单位长。