Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
47 of 502 menu
◀ ▶

Класс 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
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить