Метод horizontalGradient

Метод horizontalGradient класса Brush возвращает заливку вдоль оси X. Список colors распределяют по ширине, параметры startX и endX сужают или сдвигают переход в пикселях.

Синтаксис

Brush.horizontalGradient(listOf(Color.Green, Color.Blue))

Параметры

Параметр	Описание
`colors`	Список цветов слева направо. Принимает значения класса `Color`.
`startX`	Координата X начала градиента. Необязательный параметр, по умолчанию левый край.
`endX`	Координата X конца градиента. Необязательный параметр, по умолчанию правый край.
`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.fillMaxWidth
import androidx.compose.foundation.layout.height
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
					.fillMaxWidth()
					.height(80.dp)
					.background(
						Brush.horizontalGradient(
							listOf(Color.Green, Color.Blue),
						),
					),
			) {
				Text(text = "abcde")
			}
		}
	}
}

На экране полоса плавно перейдёт от зелёного к синему по горизонтали.

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

метод verticalGradient,
тот же приём по вертикали
метод linearGradient,
градиент по произвольной линии
класс Brush,
сводка всех градиентов
функция Box,
контейнер для фона с градиентом