Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
243 of 1024 menu
◀ ▶

Класс SweepGradient

Класс SweepGradient смешивает цвета по углу вокруг центра. Список цветов передают в colors. Градиент кладут в gradient у BoxDecoration.

Синтаксис

SweepGradient( colors: [Color(0xFF1565C0), Color(0xFFC62828), Color(0xFF1565C0)], )

Методы

Метод Описание
createShader Строит Shader градиента для rect.
lerp Смешивает два градиента в заданной доле.
scale Умножает матрицу градиента на коэффициент. Без матрицы картинка не меняется.

Пример

Давайте угловой градиент:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( width: 200, height: 80, decoration: BoxDecoration(gradient: SweepGradient(colors: [Colors.red, Colors.green, Colors.blue, Colors.red])), ), ), ), ), ); }

На экране цвета по кругу.

Пример

Давайте сменим startAngle:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( width: 200, height: 80, decoration: BoxDecoration(gradient: SweepGradient(startAngle: 1.0, colors: [Colors.pink, Colors.teal])), ), ), ), ), ); }

На экране другой старт угла.

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

  • класс RadialGradient,
    радиальный градиент
  • класс LinearGradient,
    линейный градиент
  • класс Offset,
    точка или сдвиг
  • класс Size,
    ширина и высота
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить