Android - 如何正确绘制带有路径的箭头？

Question

我正在尝试绘制箭头，但得到了一个非常奇怪的结果。 This is how it looks like 问题很明显——重叠部分。

int radius = 100;  //Radius of blue circle to the right
Path leftArrow = new Path();
Paint leftArrowPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

leftArrowPaint.setStyle(Paint.Style.STROKE);
leftArrowPaint.setColor(ContextCompat.getColor(getContext(), R.color.buttonText));
leftArrowPaint.setAlpha(80);
leftArrowPaint.setStrokeWidth(8);

在 onDraw 方法中:

//Start point
leftArrow.moveTo(touchX-(radius+5),  (int)touchY);
//Line to left
leftArrow.lineTo(touchX-(radius+60), (int)touchY);
//Line up
leftArrow.lineTo(touchX-(radius+30), (int)touchY-30);
//Move back to the middle
leftArrow.moveTo(touchX-(radius+60), (int)touchY);
//Line down
leftArrow.lineTo(touchX-(radius+30), (int)touchY+30);
canvas.drawPath(leftArrow, leftArrowPaint);
leftArrow.reset();

Answer 1

好吧，我知道这对你来说已经太晚了，但无论如何我都会回答，以防有人遇到同样的问题。

您需要指定 Paint 的 Join 属性。 https://developer.android.com/reference/android/graphics/Paint.Join.html

leftArrowPaint.setStrokeJoin(Paint.Join.BEVEL);

您还可以使用Paint.Join.ROUND，具体取决于哪种方式更适合您。