android - Jetpack Compose 中阴影的 X 和 Y 偏移、模糊、不透明度和颜色？

Question

由于 Jetpack Compose 有这个限制，我正在寻找解决这个问题的解决方案？

也许 Canvas 可以做到这一点？如果有人可以提供代码片段，说明如何使用自定义实现（画布或其他东西）的 X 和 Y 偏移、模糊和不透明度等附加参数在Jetpack Compose中渲染阴影Card，我真的很感激？BoxColumnRow

标签： androidcanvasandroid-jetpackshadowandroid-jetpack-compose

Answer 1

由于这个代码片段，我设法找到了解决方案

fun Modifier.advancedShadow(
    color: Color = Color.Black,
    alpha: Float = 0f,
    cornersRadius: Dp = 0.dp,
    shadowBlurRadius: Dp = 0.dp,
    offsetY: Dp = 0.dp,
    offsetX: Dp = 0.dp
) = drawBehind {

    val shadowColor = color.copy(alpha = alpha).toArgb()
    val transparentColor = color.copy(alpha = 0f).toArgb()

    drawIntoCanvas {
        val paint = Paint()
        val frameworkPaint = paint.asFrameworkPaint()
        frameworkPaint.color = transparentColor
        frameworkPaint.setShadowLayer(
            shadowBlurRadius.toPx(),
            offsetX.toPx(),
            offsetY.toPx(),
            shadowColor
        )
        it.drawRoundRect(
            0f,
            0f,
            this.size.width,
            this.size.height,
            cornersRadius.toPx(),
            cornersRadius.toPx(),
            paint
        )
    }
}