Junior — Middle
Explique le principe de fonctionnement du composant Box dans Jetpack Compose et son utilisation dans les interfaces.
sobes.tech IA
Réponse de l'IA
В Jetpack Compose компонент Box представляет собой контейнер, который позволяет накладывать дочерние элементы друг на друга, располагая их в одном и том же пространстве. Это похоже на FrameLayout в классическом Android View.
Box полезен, когда нужно разместить несколько элементов, которые должны перекрываться или располагаться в одном месте, например, иконку поверх изображения или текст поверх фона.
Пример использования Box:
Box(modifier = Modifier.size(100.dp)) {
Image(painter = painterResource(id = R.drawable.background), contentDescription = null)
Text("Привет", modifier = Modifier.align(Alignment.Center))
}
Здесь текст "Привет" будет расположен по центру поверх изображения. Box также поддерживает выравнивание дочерних элементов с помощью Modifier.align и позволяет задавать отступы, размеры и другие параметры через Modifier.