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

Метод background

Метод background интерфейса Modifier рисует слой за дочерним содержимым элемента. Цвет задают значением класса Color. Форму краёв задают через RoundedCornerShape.

Синтаксис

Modifier.background(Color.LightGray)

Параметры

Параметр Описание
color Цвет заливки. Принимает значение класса Color.
shape Форма фона. Часто используют RoundedCornerShape с радиусом в 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.foundation.shape.RoundedCornerShape 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 .background( color = Color.LightGray, shape = RoundedCornerShape(12.dp), ) .padding(16.dp), ) } } }

На экране текст окажется на серой плашке со скруглёнными углами.

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

  • метод border,
    который рисует обводку по контуру
  • метод clip,
    который обрезает содержимое по форме
  • метод shadow,
    который добавляет тень под элементом
  • класс Color,
    палитра цветов Compose
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить