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

Метод scale

Метод scale класса RadialGradient применяет коэффициент к матрице градиента. Если матрицу не задавали, цвета остаются на своих местах и карточка выглядит так же.

Синтаксис

gradient.scale(2)

Параметры

Параметр Описание
factor Множитель матрицы. На сами цвета без матрицы он не действует.

Пример

Давайте оставим коэффициент равным единице:

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

На экране карточка со строкой abcde, красный переходит в жёлтый.

Пример

Давайте умножим матрицу на 4, хотя матрицы нет:

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

На экране карточка со строкой 12345 с тем же переходом красного в жёлтый. Матрицы не было, поэтому коэффициент не сдвинул цвета.

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

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