Positionierungssymbole relativ zur Position eines Bildes mit Kotlin/Android Studio
Posted: 10 Feb 2025, 02:16
Ich versuche, einige Symbole an einem zentralen Bild an bestimmten Stellen zu positionieren. Der Effekt, den ich erreichen möchte, ist wie ein Oval mit Ikonen an bestimmten Stellen um den Rand des Ovals. Eine Box und Verwenden von Polsterung und Offsets, aber dies funktioniert nicht mit verschiedenen Bildschirmgrößen. Wenn ich die Polsterung hinzufüge, wird es basierend auf der Mitte des Bildschirms eingestellt, aber für kleinere Bildschirmgrößen bewegen die Symbole einen anderen Abstand. Das Bild? < /p>
Code: Select all
Box(
modifier = Modifier
.fillMaxSize()
.padding(16.dp),
contentAlignment = Alignment.Center
) {
Image(
painter = painterResource(id = R.drawable.table),
contentDescription = null,
modifier = Modifier.fillMaxSize(0.9f),
)
Icon1(Modifier.padding().offset(x = (90).dp, y = (-220).dp))
Icon2(Modifier.padding(top = 18.dp))
//Icon3,4 etc
}
< /code>
Bearbeiten: Die Art und Weise, wie ich dies gelöst habe val xOffsetMultiplier = when {
screenWidth 0.5f
else -> 1f
}
Modifier.offset(x = (-40 * xOffsetMultiplier).dp