Ankit Shah
12/28/2021, 12:56 PMMatti MK
12/28/2021, 1:42 PMoffset
on the x axis and CircleShape
clip
plus a strokeval icons = listOf(
<http://Icons.Rounded.Menu|Icons.Rounded.Menu>,
Icons.Rounded.Email,
Icons.Rounded.ExitToApp,
Icons.Rounded.Home
)
val colors = listOf(
Color.Yellow,
Color.Green,
Color.Red,
Color.Blue
)
@Composable
fun FacesScreen(faceCount: Int = 12) {
val faceCircleSize = 80.dp
Row(
modifier = Modifier
.fillMaxSize()
.background(Color.Gray),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically
) {
Row {
repeat(icons.count()) { idx ->
Box(
modifier = Modifier.offset(idx.dp * (-20))
) {
Box(
contentAlignment = Alignment.Center,
modifier = Modifier
.border(2.dp, color = Color.White, shape = CircleShape)
.clip(CircleShape)
.size(faceCircleSize)
.background(colors[idx])
) {
Icon(
icons[idx],
contentDescription = "Localized description",
tint = Color.White,
modifier = Modifier.fillMaxSize().padding(12.dp)
)
if (idx == icons.count() - 1) {
Box(
contentAlignment = Alignment.Center,
modifier = Modifier
.fillMaxSize()
.background(brush = Brush.linearGradient(colors), shape = CircleShape, alpha = 0.9f)
) {
Text(text = "+$faceCount", color = Color.White, fontSize = 30.sp)
}
}
}
}
}
}
}
}
Shakil Karim
12/28/2021, 2:38 PMMatti MK
12/28/2021, 2:40 PMAnkit Shah
12/28/2021, 2:41 PMStylianos Gakis
12/28/2021, 8:50 PMMatti MK
12/29/2021, 9:31 AMStylianos Gakis
12/29/2021, 12:16 PMColton Idle
12/29/2021, 2:25 PMtad
12/30/2021, 6:32 PM