Функция ElevatedCard

Функция ElevatedCard рисует карточку с лёгкой тенью над фоном. Содержимое передают в лямбду content, внутри обычно ставят текст и другие composable.

Синтаксис

ElevatedCard {
	Text("abcde")
}

Параметры

Параметр	Описание
`content`	Лямбда с содержимым карточки. Элементы внутри рисуются поверх фона карточки.

Пример

Давайте выведем одну приподнятую карточку:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.ElevatedCard
import androidx.compose.material3.Text

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			ElevatedCard {
				Text(text = "abcde")
			}
		}
	}
}

На экране появится карточка с тенью и текстом "abcde" внутри.

Пример

Давайте поставим её рядом с обычной карточкой:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Row
import androidx.compose.material3.Card
import androidx.compose.material3.ElevatedCard
import androidx.compose.material3.Text

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Row {
				Card {
					Text(text = "abcde")
				}
				ElevatedCard {
					Text(text = "12345")
				}
			}
		}
	}
}

На экране слева будет плоская залитая карточка, справа - с заметной тенью.

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

функция Card,
которая рисует карточку без отдельной тени
функция OutlinedCard,
которая рисует карточку с контуром
функция ElevatedButton,
которая тоже использует эффект приподнятости
функция Row,
которая ставит карточки в горизонтальный ряд