Flutter颜色管理插件uni_color_model的使用

当然，以下是如何在Flutter项目中使用uni_color_model插件进行颜色管理的示例代码。uni_color_model插件允许你以一种统一的方式管理和转换颜色，非常适合需要复杂颜色处理的应用。

首先，确保你已经在pubspec.yaml文件中添加了uni_color_model依赖：

dependencies:
  flutter:
    sdk: flutter
  uni_color_model: ^最新版本号 # 请替换为实际的最新版本号

然后，运行flutter pub get来获取依赖。

接下来，在你的Dart文件中，你可以按照以下方式使用uni_color_model：

import 'package:flutter/material.dart';
import 'package:uni_color_model/uni_color_model.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('uni_color_model 示例'),
        ),
        body: ColorManagementExample(),
      ),
    );
  }
}

class ColorManagementExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 创建一个 UniColor 对象
    final UniColor uniColor = UniColor.fromRgb(255, 99, 71); // 示例颜色：番茄红

    // 转换为 Hex 格式
    String hexColor = uniColor.toHex();
    print('Hex Color: $hexColor'); // 输出: #ff6347

    // 转换为 RGB 格式
    List<int> rgbColor = uniColor.toRgb();
    print('RGB Color: ${rgbColor[0]}, ${rgbColor[1]}, ${rgbColor[2]}'); // 输出: 255, 99, 71

    // 转换为 HSL 格式
    List<double> hslColor = uniColor.toHsl();
    print('HSL Color: ${hslColor[0].toStringAsFixed(2)}, ${hslColor[1].toStringAsFixed(2)}%, ${hslColor[2].toStringAsFixed(2)}%'); // 输出类似: 9.72, 100.00%, 64.31%

    // 使用转换后的颜色
    final Color flutterColor = Color(int.parse(hexColor.substring(1), radix: 16));

    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Text(
            'Hex Color: $hexColor',
            style: TextStyle(color: flutterColor),
          ),
          SizedBox(height: 20),
          ColoredBox(
            color: flutterColor,
            child: Container(
              width: 100,
              height: 100,
            ),
          ),
        ],
      ),
    );
  }
}

代码说明：

1. 依赖导入：

   • 导入flutter/material.dart用于基础UI组件。
   • 导入uni_color_model/uni_color_model.dart用于颜色管理。

2. 创建UniColor对象：

   • 使用UniColor.fromRgb(255, 99, 71)创建一个表示番茄红的UniColor对象。

3. 颜色转换：

   • 使用toHex()方法将颜色转换为十六进制格式。
   • 使用toRgb()方法将颜色转换为RGB格式。
   • 使用toHsl()方法将颜色转换为HSL格式。

4. 颜色应用：

   • 将十六进制颜色字符串转换为Flutter的Color对象，并应用于Text和ColoredBox组件。

通过这种方式，你可以利用uni_color_model插件在Flutter应用中轻松管理和转换颜色。