如何在Jetpack Compose中为图标添加阴影/边框/高程

Question

如何在Jetpack Compose中为图标添加阴影/边框/高程

15

我想在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中做到这一点，还是必须要求我的设计师添加阴影？

- m.reiter

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Muhammad Ahmed Ali Baig · Accepted Answer

关于阴影和高程

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

关于边框

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

此外，查看链接了解其他边框函数的变体。