撰写具有透明背景的圆形按钮

Question

我正在尝试显示Button圆角和 50% 透明背景。我当前的尝试如下所示：

MaterialTheme {
    Surface(
        modifier = Modifier.fillMaxSize(),
        color = Color.Yellow
    ) {
        Column(modifier = Modifier.padding(10.dp)) {
            Button(
                modifier = Modifier
                    .clip(CircleShape),
                onClick = { },
                colors = ButtonDefaults.buttonColors(backgroundColor = Color.White.copy(alpha = 0.5f))
            ) {
                Text(
                    text = "My Button",
                    textAlign = TextAlign.Center
                )
            }
        }
    }
}

结果不是很漂亮：

看起来问题在于阴影，但我不确定如何删除它并在整个形状中显示相同的颜色。

Answer 1

事实证明，当海拔被移除时，阴影就会消失。

Button(
    modifier = Modifier
        .clip(CircleShape),
    onClick = { },
    elevation = null,
    colors = ButtonDefaults.buttonColors(backgroundColor = Color.White.copy(alpha = 0.5f))
) { ... }