画布中圆弧的阴影

Question

我正在尝试为我的个人项目开发一个小的自定义视图。我在为我创建的视图提供高程效果或阴影效果方面遇到了小麻烦。

[这是一个在左右边缘具有凹形半圆形的矩形。我可以为整个矩形提供阴影，但不能为凹半圆提供阴影，这是我的问题。

这是我当前拥有的图像，如果我们看左和右半圆，我们可以看到它们没有高程。

下面是相同的代码-

private void init(AttributeSet set) {

    rect = new RectF();

    this.setLayerType(LAYER_TYPE_SOFTWARE, paint);

    paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    paint.setShadowLayer(8f, 4f, 4f, Color.rgb(197, 197, 197));

    eraser = new Paint(Paint.ANTI_ALIAS_FLAG);
    eraser.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

    dashLine = new Paint(Paint.ANTI_ALIAS_FLAG);
    dashLine.setColor(Color.BLACK);
    dashLine.setStyle(Paint.Style.STROKE);
    dashLine.setStrokeWidth(1);
    dashLine.setPathEffect(new DashPathEffect(new float[]{10, 10}, 0));

    path = new Path();
}

@Override
protected void onDraw(Canvas canvas) {

    rect.left = RECT_PADDING;
    rect.top = RECT_PADDING;
    rect.right = getWidth() - RECT_PADDING;
    rect.bottom = getHeight() - RECT_PADDING;

    paint.setColor(Color.WHITE);

    //Canvas draws rectangle
    canvas.drawRoundRect(rect, 20, 20, paint);

    //Canvas draws scallop on left and right edges of rectangle
    canvas.drawCircle(RECT_PADDING, rect.bottom / 2, 20, eraser);
    canvas.drawCircle(rect.right, rect.bottom / 2, 20, eraser);

    //Dashed line between both the scallops
    path.moveTo(RECT_PADDING + 40, rect.bottom / 2);
    path.lineTo(rect.right - 40, rect.bottom / 2);
    canvas.drawPath(path, dashLine);


}

我知道这是因为eraser.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));清除了其区域中的所有内容，包括矩形的一部分和阴影。

如何解决此问题或有其他选择吗？

提前感谢。

Answer 1

一种方法是您可以将整个形状创建为矢量可绘制对象。这样，您只需定义矢量可绘制对象和阴影，即可在此处讨论此主题

Create Vector Drawable with Drop Shadow to Overlay an Image