Android自定义视图路径圆部分

Question

我一直在尝试创建自定义视图like this

我的代码

    Paint paint = new Paint();
    paint.setColor(Color.WHITE);
    paint.setStrokeWidth(6);
    float radius = getFloat(20);
    CornerPathEffect corEffect = new CornerPathEffect(radius);
    paint.setPathEffect(corEffect);
    Path path = new Path();
    path.reset();
    float top = getFloat(5);
    path.moveTo(0, top);
    float d = 80;
    path.lineTo((getWidth() - getFloat(d)) / 2, top);
    RectF oval = new RectF((getWidth() - getFloat(d)) / 2, top, (getWidth() + getFloat(d)) / 2, getFloat(d/2));
    path.arcTo(oval, 90, 360, false);

    path.lineTo((getWidth() + getFloat(d)) / 2, top);
    path.lineTo(getWidth(), top);
    path.lineTo(getWidth(), getHeight());
    path.lineTo(0, getHeight());
    path.close();

    paint.setShadowLayer(12, 0, 0, Color.argb(255, 200, 200, 200));
    setLayerType(LAYER_TYPE_SOFTWARE, paint);
    canvas.drawPath(path, paint);

and my result

如何让坑更圆like this？

Answer 1

您可以使用来实现您想要的功能。或者以对称方式使用Path.ovalTo()两次。

Path.cubicTo(float x1, float y1, float x2, float y2, float x3, float y3)

Answer 2

Thx Faisal，我试试ovalTo

    Paint paint = new Paint();
    paint.setColor(Color.WHITE);
    paint.setStrokeWidth(6);
    float radius = getFloat(0);
    CornerPathEffect corEffect = new CornerPathEffect(radius);
    paint.setPathEffect(corEffect);
    Path path = new Path();
    path.reset();
    float top = getFloat(5);
    float round = getFloat(20);
    path.moveTo(0, getHeight());
    path.lineTo(0, round);
    path.cubicTo(0, top + round,
            0, top,
            round, top);

    float d = 80;
    path.lineTo(((getWidth() - getFloat(d)) / 2) - round, top);

    path.cubicTo(((getWidth() - getFloat(d)) / 2) - round, top,
            (getWidth() - getFloat(d)) / 2, top,
            (getWidth() - getFloat(d)) / 2, top + round);

    path.cubicTo((getWidth() - getFloat(d)) / 2, top,
            (getWidth() - getFloat(d)) / 2, getFloat(d/2),
            getWidth() / 2, getFloat(d/2));

    //-------------------

    path.cubicTo(getWidth() / 2, getFloat(d/2),
            (getWidth() + getFloat(d)) / 2, getFloat(d/2),
            (getWidth() + getFloat(d)) / 2, top);

    path.cubicTo((getWidth() + getFloat(d)) / 2, top + round,
            (getWidth() + getFloat(d)) / 2, top,
            ((getWidth() + getFloat(d)) / 2) + round, top);

    path.lineTo(((getWidth() + getFloat(d)) / 2) + round, top);
    path.lineTo(getWidth() - round, top);
    path.cubicTo(getWidth() - round, top,
            getWidth(), top,
            getWidth(), top + round);

    path.lineTo(getWidth(), getHeight());
    path.lineTo(0, getHeight());
    path.close();

    paint.setShadowLayer(12, 0, 0, Color.argb(255, 200, 200, 200));
    setLayerType(LAYER_TYPE_SOFTWARE, paint);
    canvas.drawPath(path, paint);

但我看到了artefacts

我不明白错误在哪里