Rosetta/mobile-android
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve dots indicator layout and enhance image counter visibility in ImageViewerScreen

Browse Source
This commit is contained in:
k1ngsterr1
2026-01-31 19:23:07 +05:00
parent 2c3b34783c
commit 196cc9c4a2
1 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
app/src/main/java/com/rosetta/messenger/ui/chats/components/ImageViewerScreen.kt
View File

@@ -242,35 +242,39 @@ fun ImageViewerScreen(
.padding(bottom = 32.dp)
.navigationBarsPadding()
) {
// Dots indicator
Row(
modifier = Modifier
.background(
Color.Black.copy(alpha = 0.5f),
RoundedCornerShape(16.dp)
)
.padding(horizontal = 12.dp, vertical = 8.dp),
horizontalArrangement = Arrangement.spacedBy(6.dp)
Column(
horizontalAlignment = Alignment.CenterHorizontally
) {
repeat(images.size.coerceAtMost(10)) { index ->
val isSelected = pagerState.currentPage == index
Box(
modifier = Modifier
.size(if (isSelected) 8.dp else 6.dp)
.clip(CircleShape)
.background(
if (isSelected) Color.White
else Color.White.copy(alpha = 0.4f)
)
)
// Dots indicator
Row(
modifier = Modifier
.background(
Color.Black.copy(alpha = 0.5f),
RoundedCornerShape(16.dp)
)
.padding(horizontal = 12.dp, vertical = 8.dp),
horizontalArrangement = Arrangement.spacedBy(6.dp)
) {
repeat(images.size.coerceAtMost(10)) { index ->
val isSelected = pagerState.currentPage == index
Box(
modifier = Modifier
.size(if (isSelected) 8.dp else 6.dp)
.clip(CircleShape)
.background(
if (isSelected) Color.White
else Color.White.copy(alpha = 0.4f)
)
)
}
}
// Показываем счетчик если больше 10 фото
// Показываем счетчик под точками если больше 10 фото
if (images.size > 10) {
Spacer(modifier = Modifier.height(6.dp))
Text(
text = "${pagerState.currentPage + 1}/${images.size}",
color = Color.White,
fontSize = 12.sp,
modifier = Modifier.padding(start = 4.dp)
color = Color.White.copy(alpha = 0.8f),
fontSize = 12.sp
)
}
}