我有一个盒子,我想用阴影来提升
`Box(modifier = Modifier .sizeIn(100.dp) .background(Color.Magenta)) { Text("Lorem Ipsum") }
怎么做?如何用阴影提升箱子?谢谢
cuxqih211#
在Modifier.sizeIn之前使用Modifier.shadow,阴影在Modifier.background之前就足以在阴影上绘制背景了,但是我有一个习惯,把剪辑或阴影修改器放在修改器链的顶部或开始。阴影的顺序决定了它将如何绘制。
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") } }
1条答案
按热度按时间cuxqih211#
在
Modifier.sizeIn
之前使用Modifier.shadow
,阴影在Modifier.background
之前就足以在阴影上绘制背景了,但是我有一个习惯,把剪辑或阴影修改器放在修改器链的顶部或开始。阴影的顺序决定了它将如何绘制。