Метод verticalGradient

Метод verticalGradient класса Brush возвращает заливку вдоль оси Y. Список colors идёт от верхнего края к нижнему, startY и endY задают границы перехода.

Синтаксис

Brush.verticalGradient(listOf(Color.White, Color.Gray))

Параметры

Параметр	Описание
`colors`	Список цветов сверху вниз. Принимает значения класса `Color`.
`startY`	Координата Y начала градиента. Необязательный параметр.
`endY`	Координата Y конца градиента. Необязательный параметр.
`tileMode`	Режим повторения за пределами диапазона. Необязательный параметр.

Пример

Давайте зальём высокий блок вертикальным градиентом:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.width
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Brush
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Box(
				modifier = Modifier
					.width(120.dp)
					.height(160.dp)
					.background(
						Brush.verticalGradient(
							listOf(Color.White, Color.Gray),
						),
					),
			) {
				Text(text = "abcde")
			}
		}
	}
}

На экране фон осветится сверху и потемнеет к низу.

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

метод horizontalGradient,
градиент по горизонтали
метод radialGradient,
заливка от центра
класс Color,
цвета для списка colors
метод background,
применение Brush к элементу