Класс 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,
точка с учетом направления письма