如何使表面背景半透明在jetpack合成，但不是内容？

Question

我想实现这样的布局：

在XML中，我将在具有match_parent属性的相对布局中添加一个图像，然后添加一个将黑色半透明背景设置为match_parent的视图，然后添加内容。

在compose中，我把它变成了可以合成的：

@Composable
fun ImageCover(resourceId: Int, alpha: Float = 0.5f, content: @Composable () -> Unit) {
    Box(modifier = Modifier.fillMaxSize()) {
        Image(
            painter = painterResource(id = resourceId),
            contentDescription = null,
            modifier = Modifier.fillMaxSize(),
            contentScale = ContentScale.Crop
        )
        Surface(
            color = Color.Black, modifier = Modifier
                .fillMaxSize()
                .alpha(alpha)
        ) {
            content()
        }
    }
}

但问题是alpha应用于表面及其内容。所以不管我放什么内容，即使是另一个有背景的表面，也会是半透明的。在这里，例如，底部的两个句子和两个组件也将是半透明的。

Answer 1

表面的背景色基于颜色属性。
将alpha应用于颜色属性，而不是修饰符。

类似于：

   Surface(
        color = Color.Black.copy(alpha = 0.6f), 
        modifier = Modifier.fillMaxSize()
    ){ 
       //....
    }