画布中弧线的阴影

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

一种方法是可以将整个形状创建为可绘制的矢量。 这样你只需要定义可绘制的矢量和阴影，这个主题将在这里讨论

创建带阴影的可绘制矢量以覆盖图像