android 如何提升有阴影的箱子?

mjqavswn  于 2022-12-09  发布在  Android
关注(0)|答案(1)|浏览(130)

我有一个盒子,我想用阴影来提升

`Box(modifier = Modifier
            .sizeIn(100.dp)
            .background(Color.Magenta)) {
   Text("Lorem Ipsum")
}

怎么做?
如何用阴影提升箱子?谢谢

cuxqih21

cuxqih211#

Modifier.sizeIn之前使用Modifier.shadow,阴影在Modifier.background之前就足以在阴影上绘制背景了,但是我有一个习惯,把剪辑或阴影修改器放在修改器链的顶部或开始。阴影的顺序决定了它将如何绘制。

@Composable
private fun ShadowSample(){
    Box(modifier = Modifier
        .sizeIn(100.dp)
        .background(Color.White)) {
        Text("Lorem Ipsum")
    }

    Spacer(modifier = Modifier.height(10.dp))

    Box(modifier = Modifier
        .shadow(2.dp)
        .sizeIn(100.dp)
        .background(Color.White)) {
        Text("Lorem Ipsum")
    }

    Spacer(modifier = Modifier.height(10.dp))

    Box(modifier = Modifier
        .shadow(8.dp)
        .sizeIn(100.dp)
        .background(Color.White)) {
        Text("Lorem Ipsum")
    }

    Spacer(modifier = Modifier.height(10.dp))

    Box(modifier = Modifier
        .sizeIn(100.dp)
        .background(Color.White)
        .shadow(8.dp)
    ) {
        Text("Lorem Ipsum")
    }
}

相关问题