画布中弧线的阴影答案

【问题标题】：Drop shadow for arcs in canvas画布中弧线的阴影
【发布时间】：2020-09-26 11:50:17
【问题描述】：

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

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

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

下面是相同的代码 -

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)); 会清除其区域内的所有内容，包括矩形的一部分及其阴影。

如何解决这个问题或有什么替代方法？

提前致谢。

【问题讨论】：

标签： java android android-view android-canvas android-custom-view

【解决方案1】：

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

Create Vector Drawable with Drop Shadow to Overlay an Image

【讨论】：