Flutter颜色便捷指定插件easiercolorspecifying的使用

这里有一个用于更方便地指定和编辑颜色和主题的Flutter包。

使用方法

只需导入该包并调用它添加的函数 colorEasySpecify()。
colorEasySpecify() 可以根据 hueindex、saturation、darkness 和 opacity 的值创建一种颜色，其中 hueindex 是唯一必需的属性。
默认情况下：
saturation = 1
darkness = 0
每个属性的值必须在 0 到 1 之间。

关于 [hueindex] 属性，主颜色的值如下：

• 0 = 红色
• 1/6 = 黄色
• 2/6 = 绿色
• 3/6 = 青色
• 4/6 = 蓝色
• 5/6 = 紫色
• 1 = 红色
  其他颜色（色调）的值介于这些值之间。

完整示例代码

以下是一个完整的示例代码，展示了如何使用 easiercolorspecifying 插件来创建和应用颜色。

import 'package:flutter/material.dart';
import 'package:easiercolorspecifying/easiercolorspecifying.dart'; // 导入插件

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("easiercolorspecifying 示例"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 使用 colorEasySpecify 创建颜色
            Container(
              width: 100,
              height: 100,
              color: colorEasySpecify(
                hueindex: 0.8, // 紫红色
                darkness: 0,    // 不变暗
                saturation: 1,  // 饱和度最大
              ),
              child: Center(child: Text("紫红")),
            ),
            SizedBox(height: 20), // 添加间距
            Container(
              width: 100,
              height: 100,
              color: colorEasySpecify(
                hueindex: 0.5, // 蓝色
                darkness: 0.3, // 适度变暗
                saturation: 0.8, // 饱和度适中
              ),
              child: Center(child: Text("蓝色")),
            ),
            SizedBox(height: 20), // 添加间距
            Container(
              width: 100,
              height: 100,
              color: colorEasySpecify(
                hueindex: 0, // 红色
                darkness: 0.5, // 中等变暗
                saturation: 1, // 饱和度最大
              ),
              child: Center(child: Text("红色")),
            ),
          ],
        ),
      ),
    );
  }
}