Функция ElevatedButton

Функция ElevatedButton рисует кнопку с лёгкой тенью над фоном. Нажатие обрабатывает параметр onClick, подпись передают в лямбду content через Text.

Синтаксис

ElevatedButton(onClick = { }) {
	Text("abcde")
}

Параметры

Параметр	Описание
`onClick`	Лямбда без аргументов. Срабатывает, когда пользователь нажал кнопку.
`content`	Лямбда с содержимым кнопки. Обычно внутри вызывают `Text` с подписью.

Пример

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

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

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			ElevatedButton(onClick = { }) {
				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.Button
import androidx.compose.material3.ElevatedButton
import androidx.compose.material3.Text

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

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

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

функция Button,
которая рисует залитую кнопку без тени
функция FilledTonalButton,
которая рисует тональную залитую кнопку
функция OutlinedButton,
которая рисует кнопку с контуром
функция Row,
которая ставит кнопки в горизонтальный ряд