Flutter颜色格式转换插件color_palette_formats的使用

发布于 1周前 作者 itying888 来自 Flutter

Flutter颜色格式转换插件color_palette_formats的使用

插件介绍

color_palette_formats 是一个用于解析和编码各种颜色调色板格式的Flutter插件。它允许Flutter应用程序读取和写入跨行业标准格式的颜色数据。

支持的颜色格式

目前，该插件支持以下格式：

  • Adobe Color Book (ACb)
  • Adobe Color Swatch (aco)
  • Adobe Color Table (act)
  • Adobe Swatch Exchange (ase)
  • GIMP Palette (gpl)
  • Homesite Palette (hpl)
  • JASC Palette (pal)
  • Paint.NET Palette
  • Procreate Swatches
  • Resource Interchange File Format (riFF)
  • Sketch Palette

示例代码

下面是一个完整的示例代码，展示了如何使用color_palette_formats插件来读取和写入不同格式的颜色调色板文件。

import 'dart:io';

import 'package:color_palette_formats/color_palette_formats.dart';

void main() {
  // 读取Adobe Color Book (acB) 文件
  final acbFile = File('path/to/acb1_v1.acb');
  final ac = AdobeColorBook.fromBytes(acFile.readAsBytesSync());
  assert(ac.version == supportedAdobeColorBookVersion);
  assert(ac.colors.length == 300);

  // 读取Adobe Color Swatch (aco) 文件
  final acoFile = File('path/to/aco1_v1.aco');
  final aco = AdobeColorSwatch.fromBytes(acoFile.readAsBytesSync());
  assert(aco.version == supportedAdobeColorSwatchVersion);
  assert(aco.colors.length == 52);

  // 读取Adobe Color Table (act) 文件
  final actFile = File('path/to/act1.act');
  final act = AdobeColorTable.fromBytes(actFile.readAsBytesSync());
  assert(act.colors.length == adobeColorTableColorsCount);

  // 读取Adobe Swatch Exchange (ase) 文件
  final aseFile = File('path/to/ase1_v1.ase');
  final ase = AdobeSwatchExchange.fromBytes(aseFile.readAsBytesSync());
  assert(ase.version == supportedAdobeSwatchExchangeVersion);
  assert(ase.colors.length == 122);

  // 读取GIMP Palette (gpl) 文件
  final gplFile = File('path/to/gplv.gimp');
  final gpl = GimpPalette.fromBytes(gplFile.readAsBytesSync());
  assert(gpl.name == 'Visibone2');
  assert(gpl.colors.length == 256);

  // 读取Homesite Palette (hpl) 文件
  final hplFile = File('path/to/hplv.hpl');
  final hpl = HomesitePalette.fromBytes(hlFile.readAsBytesSync());
  assert(hpl.version == supportedHomesitePaletteVersion);
  assert(hpl.colors.length == 287);

  // 读取JASC Palette (pal) 文件
  final palFile = File('path/to/palv.pal');
  final pal = JascPalette.fromBytes(palFile.readAsBytesSync());
  assert(pal.version == supportedJascPaletteVersion);
  assert(pal.colors.length == 3);

  // 读取Paint.NET Palette 文件
  final paintDotNetFile = File('path/to/paint-dot-net.txt');
  final paintDotNet = PaintDotNetPalette.fromBytes(paintDotNetFile.readAsBytesSync());
  assert(paintDotNet.colors.length == 96);

  // 读取Procreate Swatches 文件
  final procreateFile = File('path/to/procreate1.swatches');
  final procreate = decodeProcreateSwatches(procreateFile.readAsBytesSync());
  assert(procreate.first.swatches.length == 30);

  // 读取Resource Interchange File Format (riFF) Palette 文件
  final riffFile = File('path/to/riffv_pal');
  final riff = ResourceInterchangeFileFormat.fromBytes(riffFile.readAsBytesSync());
  assert(riff.version == supportedResourceInterchangeFileFormatVersion);
  assert(riff.colors.length == 16);

  // 读取Sketch Palette 文件
  final sketchpaletteFile = File('path/to/sketchpalette1sketchpalette');
  final sketchpalette = SketchPalette.fromBytes(sketchpaletteFile.readAsBytesSync());
  assert(sketchpalette.compatibleVersion == supportedSketchPaletteVersion);
  assert(sketchpalette.pluginVersion == supportedSketchPaletteVersion);
  assert(sketchpalette.colors.length == 6);
}

更多关于Flutter颜色格式转换插件color_palette_formats的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

Harmonyos Next教程
1 回复

更多关于Flutter颜色格式转换插件color_palette_formats的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是如何在Flutter项目中使用color_palette_formats插件来进行颜色格式转换的代码案例。color_palette_formats插件允许你在不同的颜色格式之间转换，例如从十六进制（Hex）到RGB，或者从ARGB到HSL等。

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

dependencies:
  flutter:
    sdk: flutter
  color_palette_formats: ^1.0.0  # 请检查最新版本号

然后运行flutter pub get来安装依赖。

接下来，在你的Dart文件中，你可以使用color_palette_formats插件来进行颜色格式的转换。以下是一个完整的示例：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Color Format Conversion Example'),
        ),
        body: ColorConversionExample(),
      ),
    );
  }
}

class ColorConversionExample extends StatefulWidget {
  @override
  _ColorConversionExampleState createState() => _ColorConversionExampleState();
}

class _ColorConversionExampleState extends State<ColorConversionExample> {
  String hexColor = '#FF5733';
  String? convertedRgb;
  String? convertedHsl;

  void convertColors() {
    // Convert Hex to RGB
    Color color = Color(int.parse(hexColor.substring(1), radix: 16));
    List<int> rgb = [color.red, color.green, color.blue];
    convertedRgb = 'RGB: (${rgb[0]}, ${rgb[1]}, ${rgb[2]})';

    // Convert Hex to HSL
    HSLColor hslColor = HSLColor.fromColor(color);
    convertedHsl = 'HSL: (${hslColor.h.toStringAsFixed(2)}, ${hslColor.s.toStringAsFixed(2)}%, ${hslColor.l.toStringAsFixed(2)}%)';

    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text('Original Hex Color: $hexColor'),
          SizedBox(height: 16),
          ElevatedButton(
            onPressed: convertColors,
            child: Text('Convert Colors'),
          ),
          SizedBox(height: 16),
          if (convertedRgb != null) Text(convertedRgb!),
          if (convertedHsl != null) Text(convertedHsl!),
        ],
      ),
    );
  }
}

在这个示例中，我们定义了一个简单的Flutter应用，其中包含一个ColorConversionExample小部件。这个小部件有一个hexColor字符串，表示一个十六进制颜色值。点击按钮时，convertColors函数会被调用，它会将十六进制颜色转换为RGB和HSL格式，并更新UI以显示转换后的颜色值。

注意，我们使用了Color类从十六进制字符串创建颜色对象，然后使用HSLColor.fromColor方法将Color对象转换为HSLColor对象。HSLColor是一个Flutter的扩展包中提供的类（通常在color包中，但color_palette_formats可能也提供了类似的功能，或者你可以直接使用color包）。如果color_palette_formats没有直接的HSL转换，你可能需要查找或实现一个HSL转换函数。

请确保你已经导入了必要的包，并根据需要调整代码。如果你使用的是color包中的HSLColor，确保也添加了相应的依赖。

回到顶部