У меня есть приложение с двумя страницами, которые пользователь может переключаться между ними, проведите. Я хочу применить фоновое изображение к приложению таким образом, чтобы изображение непрерывно забивает обе страницы, как показано на изображении ниже. Код ниже является результатом того, что CHATGPT пытается его реализовать. Фоновое изображение одинаково для обеих страниц, но оно сосредоточено на каждой странице индивидуально.fun Main() {
val pagerState = rememberPagerState(pageCount = { 2 })
val configuration = LocalConfiguration.current
val screenWidth = configuration.screenHeightDp.dp
val numPages = 2
Box (modifier = Modifier.fillMaxSize()){
Image(
painter = painterResource(id = R.drawable.icon),
contentDescription = null,
modifier = Modifier
.width(screenWidth * 2)
.fillMaxHeight()
.offset {
IntOffset((-pagerState.currentPageOffsetFraction * screenWidth.value).toInt(), 0)
},
contentScale = ContentScale.Crop
)
HorizontalPager(
state = pagerState,
modifier = Modifier.fillMaxSize()
) { page ->
when (page) {
0 -> Text("Page 01")
1 -> Text("Page 02")
}
}
Row(
Modifier
.wrapContentHeight()
.fillMaxWidth()
.align(Alignment.BottomCenter)
.padding(bottom = 48.dp),
horizontalArrangement = Arrangement.Center
) {
repeat(times = pagerState.pageCount) { iteration ->
val color =
if (pagerState.currentPage == iteration) Color.LightGray else Color.DarkGray
val sizex =
if (pagerState.currentPage == iteration) 40.dp else 16.dp
Box(
modifier = Modifier
.padding(all = 2.dp)
.clip(CircleShape)
.background(color)
.size(width = sizex, height = 16.dp)
)
}
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/797 ... peable-app
