如何用边界画出一条道路？
我想画一条类似于图像的路径。它有两个黑色边框，里面是白色的，而不是透明的。如何实现这一目标？尤其是关节位置。
回答 2
Stack Overflow用户
发布于 2013-11-04 02:11:44
要获得所需的结果，您必须将路径绘制成几个部分。
您将用两个不同的Paint对象绘制两次部分，仅在笔画宽度和颜色上有所不同。绘制每个部分后，路径将被重置。代码注释应该解释其馀部分：
public class SView extends View {
Path path;
Paint paint, paintWhite;
RectF rf, rf2, rf3;
public SView(Context context) {
super(context);
path = new Path();
// 'paint' has a wider stroke-width
// compared to 'paintWhite' and
// thus becomes the border paint
paint = new Paint();
paint.setColor(Color.BLUE);
paint.setAntiAlias(true);
paint.setStrokeWidth(15);
paint.setStyle(Style.STROKE);
// 'paintWhite' colors the inner path
paintWhite = new Paint();
paintWhite.setColor(Color.WHITE);
paintWhite.setAntiAlias(true);
paintWhite.setStrokeWidth(12);
paintWhite.setStyle(Style.STROKE);
// For this example, we'll draw three
// arcs bound by the following RectF
// objects
rf = new RectF(200, 200, 500, 500);
rf2 = new RectF(200, 200, 400, 500);
rf3 = new RectF(100, 200, 400, 500);
}
@Override
protected void onDraw(Canvas canvas) {
// First arc bound by 'rf'
path.arcTo(rf, 0, 180);
// Draw 'path' using 'paint'
// and then, again using 'paintWhite'
canvas.drawPath(path, paint);
canvas.drawPath(path, paintWhite);
// Reset 'path' so as to clear
// history
path.reset();
// Repeat with the rest of arcs
path.arcTo(rf2, 180, 180);
canvas.drawPath(path, paint);
canvas.drawPath(path, paintWhite);
path.reset();
path.arcTo(rf3, 0, 180);
canvas.drawPath(path, paint);
canvas.drawPath(path, paintWhite);
}
}输出：
注意:重叠的弧由RectF rf3绑定，最后绘制。
由于我们将white部分与borders一起绘制，所以您将不会以四路交叉结束。这些部件将以一种flyover的方式重叠:按照绘制的顺序。
为了提高性能(我想)，您可以在重置路径之前检查路径的下一部分是否与前面的部分相交。如果下一部分是相交的，则重置和绘制两个画图对象的部分。如果没有，只需将该部分附加到路径并等待到下一个交叉口绘制它。当然，您需要维护绘制的部件的历史记录(在上面的示例中，历史记录将包含边界：'RectF‘对象)。然而，我并不是百分之百确定这是否比反复重置路径，然后绘制部分更好。
Stack Overflow用户
发布于 2013-11-03 03:55:19
您可以尝试使用两个不同的画图对象绘制相同的路径。第一个油漆对象将有你想要的颜色为边框和一个大的笔画宽度。第二个油漆将有一个较小的笔画宽度与PorterDuff.Mode.CLEAR设置在上面。
linePaint = new Paint();
linePaint.setAntiAlias(true);
linePaint.setColor(Color.YELLOW);
linePaint.setStrokeWidth(6);
linePaint.setStyle(Paint.Style.STROKE);
clearPaint = new Paint();
clearPaint.setAntiAlias(true);
clearPaint.setXfermode(new PorterDuffXfermode(Mode.CLEAR));
clearPaint.setStyle(Paint.Style.STROKE);
clearPaint.setStrokeWidth(3);然后在onDraw()方法中，使用上述两次绘制相同的路径。
canvas.drawPath(path, linePaint);
canvas.drawPath(path, clearPaint);就性能而言，这可能不是很有效，但这是我能想到的最简单的方法。
编辑:没有经过彻底的测试，所以请让我知道是否有任何问题。
更新:经过测试后，我发现PorterDuff.Mode.CLEAR将清除画布背景色位图中的整个像素信息。因此，人们通常会得到这样的结果：
解决这个问题的方法是创建一个屏幕外画布来绘制路径。
Canvas canvas2 = new Canvas();
Bitmap backingBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
canvas2.setBitmap(backingBitmap);
canvas2.drawPaint(clearPaint);
canvas2.drawPath(path, linePaint);
canvas2.drawPath(path, clearPaint);
canvas.drawBitmap(backingBitmap, 0, 0, null);使用上述方法，您将得到以下结果：
缺点是，创建位图可能会影响性能，如果您正在执行每个帧。位图的大小也会对性能产生不利影响。因此，您只希望在必要时创建屏幕外画布，并且只要不需要重置路径信息，就可以继续在先前创建的backingBitmap上绘图。
https://stackoverflow.com/questions/19711616
复制相似问题
腾讯云开发者
