我在帶有背景顏色的卡片中添加了一個影像,我希望影像的某些部分溢位容器外并可見。我曾經offset偏移過影像,但找不到使其可見的方法。
這是我的代碼:
Card(
shape = RoundedCornerShape(8.dp),
modifier = Modifier.padding(),
backgroundColor = Color.Cyan,
onClick = {},
) {
Box(modifier = Modifier.wrapContentHeight()) {
Image(
modifier = Modifier
.width(250.dp)
.align(alignment = Alignment.TopEnd)
.offset(y = -75.dp, x = 50.dp),
painter = painterResource(id = R.drawable.ic_pray),
contentDescription = null,
)
Column(
) {}
}
}

uj5u.com熱心網友回復:
Card基于材料表面,它使用 Modifier.clip它阻止顯示您的偏移視圖。
如果你需要保持Card高度,您可以將影像中的Box之外Card:
Box {
Card(...)
Image(
modifier = Modifier
.width(250.dp)
.align(alignment = Alignment.TopEnd)
.offset(y = -75.dp, x = 50.dp),
painter = painterResource(id = R.drawable.my_image),
contentDescription = null,
)
}
否則,您可以首先跳過使用Card,并為您的Boxwith設定背景和形狀Modifier.background:
Box(
modifier = Modifier
.padding(10.dp)
.background(Color.Cyan, shape = RoundedCornerShape(8.dp))
) {
Box(modifier = Modifier.wrapContentHeight()) {
Image(
modifier = Modifier
.width(250.dp)
.align(alignment = Alignment.TopEnd)
.offset(y = -75.dp, x = 50.dp),
painter = painterResource(id = R.drawable.my_image),
contentDescription = null,
)
Column(
) {}
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/335335.html
標籤:科特林 安卓布局 android-jetpack-compose
上一篇:走進WPF之UI布局
