使用 path.lineTo() 时，对角线看起来比直线更粗

Question

我创建了一个扩展类，Shape以便为按钮的背景绘制自定义形状（带有切角的矩形）。我遇到的问题是，绘制为对角线的线条看起来比直线粗得多：

我怎样才能使边框始终保持一致的宽度？我尝试将抗锯齿设置为真/假，但这没有什么区别

public class ShapeMaker extends Shape {
private float STROKE_WIDTH = 20.0f;

private final Paint border = new Paint();
private final Path path;


private float tl = 0; //Top Left
private float tr = 0; //Top Right
private float bl = 0; //Bottom Left
private float br = 0; //Bottom Right


public ShapeMaker(float tl, float tr, float bl, float br, int fillColor) {
    path = new Path();
    this.tl = tl;
    this.tr = tr;
    this.bl = bl;
    this.br = br;

    border.setColor(fillColor);
    border.setStyle(Paint.Style.STROKE);
    border.setStrokeWidth(STROKE_WIDTH);
    border.setAntiAlias(true);
    border.setDither(true);
    border.setStrokeJoin(Paint.Join.ROUND);
    border.setStrokeCap(Paint.Cap.ROUND);
}

@Override
protected void onResize(float width, float height) {
    super.onResize(width, height);
    path.reset();

    path.moveTo(0 + tl, 0);
    path.lineTo(width - tr, 0);
    path.lineTo(width, tr);
    path.lineTo(width, height-br);
    path.lineTo(width-br, height);
    path.lineTo(0+bl, height);
    path.lineTo(0, height-bl);
    path.lineTo(0, 0+tl);
    path.lineTo(0 + tl, 0);

    path.close();
}

@Override
public void draw(Canvas canvas, Paint paint) {
    canvas.drawPath(path, border);
}
}

用法：

Button button = findViewById(R.id.buttom);
float den = getResources().getDisplayMetrics().density;
button.setBackground(new ShapeDrawable(new ShapeMaker(den * 15, 0, 0, 0, Color.RED)));

Answer 1

简短的答案是将线条向内“移动”（远离视图边缘），移动量等于笔画宽度的一半。

您的路径精确地沿着您的视野边缘。当实际绘制笔画时，它以该路径为中心。这意味着一半笔划位于视图边界之外，因此被剪裁。

但是，当您绘制路径的对角线部分时，您完全在视图的边界内进行绘制，因此不会发生剪切。这使得对角线看起来是其余部分的两倍粗。

这是您编写的代码的等效代码：

int inset = (int) border.getStrokeWidth() / 2;

path.reset();
path.moveTo(notch + inset, inset);
path.lineTo(width - inset, inset);
path.lineTo(width - inset, height - inset);
path.lineTo(inset, height - inset);
path.lineTo(inset, notch + inset);
path.close();