Метод radialGradient

Метод radialGradient класса Brush возвращает заливку, которая расходится от точки center до радиуса radius. Список colors задаёт оттенки по мере удаления от центра.

Синтаксис

Brush.radialGradient(
	colors = listOf(Color.White, Color.Blue),
	radius = 200f,
)

Параметры

Параметр	Описание
`colors`	Список цветов от центра к краю. Принимает значения класса `Color`.
`center`	Центр круга в координатах области. По умолчанию середина элемента.
`radius`	Радиус, на котором заканчивается последний цвет. В пикселях.
`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.size
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
					.size(140.dp)
					.background(
						Brush.radialGradient(
							colors = listOf(Color.White, Color.Blue),
							radius = 180f,
						),
					),
			) {
				Text(text = "abcde")
			}
		}
	}
}

На экране центр квадрата будет светлым, к краям цвет уйдёт в синий.

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

метод sweepGradient,
градиент по углу вокруг центра
метод linearGradient,
линейный переход
класс Brush,
все фабрики заливки
функция Box,
контейнер для демонстрации фона