如何在一个图像中绘制曲线和直线?

时间:2014-01-10 22:41:56

标签: java android path android-canvas paint

我正在尝试绘制基本上是圆角矩形的东西,在它的一端是一个正方形。有点像电池。我有一些限制,基本上它必须只使用一个绘画对象来完成,并且应该能够支持中风。

这是我到目前为止的代码:

int width = 0;
int height = 0;

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    // myPath outline
    Point[] myPath = { new Point(20, 20), new Point(width, 20), new Point(width, height), new Point(20, height),
            new Point(20, height - 20), new Point(0, height - 20), new Point(0, height - 40),
            new Point(20, height - 40) };

    // Paint
    Paint paint = new Paint();
    int color = 0xffff0000;
    paint.setColor(color);
    paint.setAntiAlias(true);
    // paint.setPathEffect(new CornerPathEffect(15));
    paint.setStyle(Paint.Style.FILL);

    // Path moves
    Path path = new Path();

    path.moveTo(myPath[0].x, myPath[0].y);
    int j = myPath.length;
    for (int i = 0; i < j; i++) {
        path.lineTo(myPath[i].x, myPath[i].y);
    }
    path.close();

    Bitmap toDrawOn;
    toDrawOn = Bitmap.createBitmap(getWidth(), getHeight(), Config.ARGB_8888);
    Canvas ofScreen = new Canvas(toDrawOn);
    ofScreen.drawPath(path, paint);
    canvas.drawBitmap(toDrawOn, 0, 0, paint);

}

这给了我一个我正在寻找的电池形状,但是我不知道如何绕过前四个角而不会在最后的四角形角落。同样,我需要将它作为一个形状,因为我需要稍后对其应用笔划。我也不能使用9patch,因为我需要以编程方式更改颜色。

这是我的目标:

enter image description here

1 个答案:

答案 0 :(得分:1)

使用path.quadTo (the javadoc for it)。因为这个形状很简单,我只能逐行写出来。这是它的开始。

int borderRadius = 15;
Path path = new Path();
path.moveTo(borderRadius , 0);
path.lineTo(width-borderRadius, 0); // top side
path.quadTo(width, 0, width, borderRadius); // top right corner
path.lineTo(width, height-borderRadius); // right side
path.quadTo(width, height, width-borderRadius, height); // bottom right corner
...
path.close();