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

Метод lerp

Метод lerp класса SweepGradient смешивает цвета двух градиентов. Доля 0 оставляет первый градиент, доля 1 второй.

Синтаксис

SweepGradient.lerp(a, b, 0.5)

Параметры

Параметр Описание
a Первый градиент.
b Второй градиент.
t Доля смешивания от 0 до 1.

Пример

Давайте оставим синюю заливку:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( gradient: SweepGradient.lerp( SweepGradient(colors: [Color(0xFF1565C0), Color(0xFF1565C0)]), SweepGradient(colors: [Color(0xFFC62828), Color(0xFFFFEB3B)]), 0, ), ), child: Text('abcde'), ) ), ), ), ); }

На экране синяя карточка со строкой abcde. Доля 0 берёт первый градиент, в нём оба цвета синие.

Пример

Давайте перейдём ко второму градиенту:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( gradient: SweepGradient.lerp( SweepGradient(colors: [Color(0xFF1565C0), Color(0xFF1565C0)]), SweepGradient(colors: [Color(0xFFC62828), Color(0xFFFFEB3B)]), 1, ), ), child: Text('12345'), ) ), ), ), ); }

На экране карточка со строкой 12345. Цвета перешли в красный и жёлтый.

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

  • метод scale,
    который умножает матрицу углового градиента
  • метод createShader,
    который собирает закраску для холста
  • класс LinearGradient,
    который красит полосу от одного края к другому
  • класс BoxDecoration,
    который рисует градиент в поле gradient
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить