android - jetpack compose 中的 layer-list 等价物是什么？

Question

jetpack compose 中的 layer-list 等价物是什么？

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/lightGray" />
    <item android:drawable="@drawable/transp_01" />
</layer-list>

我想得到一张像所示的图像用作我所有屏幕的背景

标签： androidkotlinandroid-jetpack-compose

Answer 1

您可以在撰写中轻松绘制它。与Box图层列表一样，您可以将任意数量的图像叠加在一起。所以一般来说，你可以使用这样的东西：

Box {
    // replace any color item from the layer list with box with background:
    Box(
        modifier = Modifier
            .background(Color.LightGray)
            .matchParentSize()
    )
    // replace drawable item with Image:
    Image(
        painter = painterResource(id = R.drawable.my_image),
        contentDescription = "...",
    )
}

但是在您的情况下，您似乎只需要一张图像，并且可以为其设置背景颜色。由于您需要在应用程序中重用它，您可以将其移动到单独的视图中，例如：

@Composable
fun BackgroundView(modifier: Modifier) {
    Image(
        painter = painterResource(id = R.drawable.transp_01),
        contentDescription = "...",
        modifier = modifier.background(Color.LightGray)
    )
}

然后将其设置为任何屏幕的背景，如下所示：

@Composable
fun SomeScreen() {
    Box(Modifier.fillMaxSize()) {
        BackgroundView(Modifier.matchParentSize())
        // screen content
    }
}