Android Kotlin Compose forEach 中的负间距

发布于08月02日

我试过在一些圆圈上设置负间距，但都没有成功:

.padding(horizontal = (-5).dp)个

和

.offset(x = (-5).dp)个

我不太确定如何实现这一点，我正在努力实现这一点:

正如你所看到的，图像确实包括一个覆盖，但图像是在彼此后面的.

在Kotlin Compose中有什么方法可以做到这一点吗？

推荐答案

您可以通过使用Box包装第二个图像来完成此操作.设置背景和偏移量.

@Composable
private fun ImageSample() {

    Row(
        modifier = Modifier
            .wrapContentHeight()
            .padding(20.dp), verticalAlignment = Alignment.CenterVertically
    ) {
        Image(
            modifier = Modifier
                .size(100.dp)
                .clip(CircleShape),
            painter = painterResource(id = R.drawable.landscape1),
            contentDescription = null,
            contentScale = ContentScale.FillBounds
        )

        Box(
            modifier = Modifier
                .offset((-20).dp)
                .background(Color.White, CircleShape)
                .padding(10.dp)
        ) {
            Image(
                modifier = Modifier
                    .size(100.dp)
                    .clip(CircleShape),
                painter = painterResource(id = R.drawable.landscape2),
                contentDescription = null,
                contentScale = ContentScale.FillBounds
            )
        }
    }
}