如何在Android Compose中为任意PNG添加精确投影效果？

默认的Modifier.shadow是基于布局的矩形边界生成投影，要实现和图片非透明区域完全匹配的精确投影，可以通过以下两种实用方法结合Coil的AsyncImage实现：

方法一：自定义绘制阴影（适配任意带透明通道的图片） #

通过drawWithContent先绘制图片的阴影层，再绘制原图，让阴影完全贴合图片的非透明区域：

AsyncImage(
    model = "http://my.image.url",
    contentDescription = "带精确投影的图片",
    modifier = Modifier
        .size(200.dp) // 根据需求设置尺寸
        .drawWithContent {
            // 绘制阴影层：将图片转为深色，模糊后偏移
            drawIntoCanvas { canvas ->
                val shadowColor = Color.Black.copy(alpha = 0.3f)
                val shadowOffset = Offset(4.dp.toPx(), 4.dp.toPx())
                val blurRadius = 8.dp.toPx()

                val painter = this.painter
                if (painter is BitmapPainter) {
                    val bitmap = painter.bitmap
                    val shadowPaint = Paint().apply {
                        color = shadowColor
                        maskFilter = MaskFilterBlur(BlurMode.NORMAL, blurRadius)
                    }
                    // 绘制偏移后的阴影位图
                    canvas.drawBitmap(bitmap, shadowOffset, shadowPaint)
                }
            }
            // 绘制原图，覆盖在阴影上方
            drawContent()
        }
)

方法二：结合GraphicsLayer与自定义Shape（适用于已知形状的图片） #

如果图片是固定形状（比如圆形、圆角矩形），可以自定义Shape，配合Modifier.graphicsLayer实现精确投影：

// 自定义圆形Shape（示例，可替换为其他形状）
val CircleShape = object : Shape {
    override fun createOutline(
        size: Size,
        layoutDirection: LayoutDirection,
        density: Density
    ): Outline {
        return Outline.Circle(Rect(Offset.Zero, size))
    }
}

AsyncImage(
    model = "http://my.image.url",
    contentDescription = "带精确投影的图片",
    modifier = Modifier
        .size(200.dp)
        .graphicsLayer {
            shadowElevation = 8.dp.toPx()
            shape = CircleShape
            clip = true // 裁剪图片到Shape形状，阴影会自动贴合Shape
        },
    contentScale = ContentScale.Crop // 确保图片填充Shape区域
)

关键说明 #

• 方法一适用于任意带透明通道的图片（比如PNG不规则图形），阴影完全跟随图片非透明边缘；
• 方法二更适合固定形状的图片，性能比自定义绘制略优；
• 可调整shadowOffset、blurRadius、shadowColor参数，匹配你需要的投影效果。

内容的提问来源于stack exchange，提问作者McFarlane