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

Класс Color

Класс Color задаёт цвет заливки, текста и рамки. Готовую константу берут из Colors, например Colors.blue. Свой оттенок записывают числом 0xAARRGGBB: первые два знака это непрозрачность, дальше красный, зелёный и синий. Каналы по отдельности собирает метод fromARGB.

Синтаксис

Color(0xFF1565C0)

Методы

Метод Описание
alphaBlend Накладывает один цвет на другой с учётом прозрачности.
computeLuminance Возвращает воспринимаемую яркость цвета.
fromARGB Собирает цвет из четырёх целых каналов ARGB.
fromRGBO Собирает цвет из RGB и доли непрозрачности.
lerp Плавно смешивает два цвета по доле t.
toARGB32 Упаковывает цвет в 32-битное целое ARGB.
withAlpha Возвращает тот же цвет с новым значением alpha.
withValues Возвращает копию цвета с изменёнными каналами.

Пример

Давайте зальём блок синим и напишем на нём белую строку:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: ColoredBox( color: Color(0xFF1565C0), child: Padding( padding: EdgeInsets.all(16), child: Text( 'abcde', style: TextStyle(color: Color(0xFFFFFFFF)), ), ), ), ), ), ), ); }

На экране синий прямоугольник и белая строка 'abcde'.

Пример

Давайте покрасим саму строку в красный:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Text( '12345', style: TextStyle( color: Color(0xFFC62828), fontSize: 24, ), ), ), ), ), ); }

На экране строка '12345' красная.

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

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