如何在 Jetpack Compose 中為圖標添加陰影/邊框/高程

Question

我想在 Jetpack compose 中為我的圖標添加陰影，以便圖像和文本具有（大致）相似的陰影。

Text(
    text = "HAS SHADOW",
    style = MaterialTheme.typography.body2.copy(
        shadow =  Shadow(
            color = Color(0x4c000000),
            offset = Offset(2f, 2f),
            blurRadius = 7f
        )
    ),
)

Text(
    text = "HAS NO SHADOW",
    style = MaterialTheme.typography.body2
)

請注意：正如您在上面看到的，該圖標是部分透明的，我想保持這種方式 -> 像“將它包裝在 FloatingActionButton 中”這樣的解決方案將不起作用

我可以在 compose 中執行此操作，還是必須要求我的設計師添加陰影？

Answer 1

對於陰影和高程

Modifier.shadow(elevation: Dp, shape: Shape, clip: Boolean)

用於邊框

Modifier.border(border: BorderStroke, shape: Shape)

此外，請檢查其他邊框function 變體的鏈接。