Метод 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