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

Метод padding

Метод padding интерфейса Modifier увеличивает область элемента за счёт отступа между внешней границей и содержимым. Размер отступа задают в Dp. Можно указать один отступ со всех сторон или отдельно по горизонтали и вертикали.

Синтаксис

Modifier.padding(16.dp)

Параметры

Параметр Описание
all Один отступ со всех четырёх сторон в dp.
horizontal Отступ слева и справа. Часто комбинируют с параметром vertical.
vertical Отступ сверху и снизу.

Пример

Давайте добавим одинаковый отступ со всех сторон:

import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.background import androidx.compose.foundation.layout.padding import androidx.compose.material3.Text import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.unit.dp class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { Text( text = "abcde", modifier = Modifier .padding(24.dp) .background(Color.LightGray), ) } } }

На экране вокруг текста появится отступ 24 dp и серый фон по области с отступом.

Пример

Давайте зададим разные отступы по осям:

import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.background import androidx.compose.foundation.layout.padding import androidx.compose.material3.Text import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.unit.dp class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { Text( text = "12345", modifier = Modifier .padding(horizontal = 32.dp, vertical = 8.dp) .background(Color.LightGray), ) } } }

На экране отступ по горизонтали будет шире, чем по вертикали.

Смотрите также

  • метод absolutePadding,
    который задаёт left и right без зеркалирования
  • метод systemBarsPadding,
    который отступает от системных панелей
  • метод background,
    который рисует фон за содержимым
  • класс Dp,
    единицу размеров в dp
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить