Jetpack Compose中如何给Button添加阴影？需导入哪些内容？

一、给Button添加阴影的方法 #

Jetpack Compose的Button组件自带elevation参数，直接通过ButtonDefaults.elevation()配置即可实现阴影效果，你可以自定义不同状态下的阴影高度：

• defaultElevation：按钮默认状态的阴影高度
• pressedElevation：按钮被按下时的阴影高度
• disabledElevation：按钮不可用时的阴影高度（一般设为0dp）

二、需要导入的内容 #

核心依赖均来自Compose Material库，通常IDE会自动导入，手动导入的话需要以下类和方法：

• androidx.compose.material.Button
• androidx.compose.material.ButtonDefaults
• androidx.compose.material.Text
• androidx.compose.foundation.layout.Column
• androidx.compose.ui.unit.dp

三、修改后的示例代码 #

@Composable
fun MyUi() {
    Column() {
        Button(
            onClick = { },
            elevation = ButtonDefaults.elevation(
                defaultElevation = 8.dp,
                pressedElevation = 12.dp,
                disabledElevation = 0.dp
            )
        ) {
            Text(text = "Lorem")
        }
    }
}

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