Класс Alignment
Класс Alignment задаёт положение
дочернего элемента в двух измерениях.
В Box значение передают
в contentAlignment или в метод
align.
В Row для поперечной оси
используют Top, CenterVertically и Bottom.
В Column для поперечной оси
используют Start, CenterHorizontally и End.
Синтаксис
Alignment.Center
Значения
| Значение | Описание |
|---|---|
TopStart |
Левый верхний угол области при письме слева направо. |
TopCenter |
Верх по центру области. |
TopEnd |
Правый верхний угол области. |
CenterStart |
Середина по вертикали у начала горизонтальной оси. |
Center |
Центр области по горизонтали и вертикали. |
CenterEnd |
Середина по вертикали у конца горизонтальной оси. |
BottomStart |
Левый нижний угол области. |
BottomCenter |
Низ по центру области. |
BottomEnd |
Правый нижний угол области. |
Top |
Прижимает элемент к началу вертикальной оси в Row. |
CenterVertically |
Центрирует элемент по вертикали в Row. |
Bottom |
Прижимает элемент к концу вертикальной оси в Row. |
Start |
Прижимает элемент к началу горизонтальной оси в Column. |
CenterHorizontally |
Центрирует элемент по горизонтали в Column. |
End |
Прижимает элемент к концу горизонтальной оси в Column. |
Пример
Давайте поставим текст в центр Box:
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.Text
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center,
) {
Text(text = "abcde")
}
}
}
}
На экране текст окажется в центре области.
Смотрите также
-
класс
Arrangement,
который распределяет элементы вдоль главной оси -
функция
Box,
которая принимает contentAlignment -
метод
align,
который выравнивает один дочерний элемент в Box -
метод
align,
который выравнивает элемент поперёк Row