Flutter 中的 color() - Dart

在 Flutter 中， Color 类型代表了一个颜色值。你可以在 Color 类型中声明一个颜色值，然后将其应用到你的界面样式中。

声明颜色值

在 Dart 中，有多种方式可以声明一个颜色值，最常用的方式是使用十六进制表示法。以下是一些声明颜色的示例代码：

// 使用十六进制表示法声明颜色
Color blackColor = Color(0xFF000000);
Color whiteColor = Color(0xFFFFFFFF);
Color redColor = Color(0xFFFF0000);
Color greenColor = Color(0xFF00FF00);

另外，Dart 还支持使用 RGB 或 HSL 表示法声明颜色。

// 使用 RGB 表示法声明颜色
Color orangeColor = Color.fromARGB(255, 255, 165, 0);

// 使用 HSL 表示法声明颜色
Color tealColor = HSLColor.fromAHSL(1.0, 180, 1.0, 0.5).toColor();

在样式中使用颜色值

在 Flutter 中，你可以将颜色值应用到你的样式中，例如：

Container(
  color: Colors.blue,
  child: Center(
    child: Text(
      'Hello, World!',
      style: TextStyle(
        color: Colors.white,
        fontSize: 36.0,
      ),
    ),
  ),
)

在上面的代码中，我们声明了一个蓝色的 Container ，并将其内部的文字颜色设置为白色。

另外，你也可以将颜色值应用到其它类型的样式中，例如文字颜色、背景颜色等等。

颜色混合

在 Flutter 中，你还可以通过混合两个颜色值来创建一个新的颜色。以下是一个颜色混合的示例代码：

// 将红色和蓝色混合，创建出紫色
Color purpleColor = Colors.red.withOpacity(0.5) +
  Colors.blue.withOpacity(0.5);

在上面的代码中，我们将红色和蓝色颜色值进行混合，然后将透明度设置为 0.5，创建出了一个半透明的紫色。