Junior — Middle
Обяснете принципа на работа на компонента Box в Jetpack Compose и неговото използване в интерфейсите.
sobes.tech AI
Отговор от AI
В 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.