Flutter图像哈希生成插件image_hasher_dart的使用

Flutter图像哈希生成插件image_hasher_dart的使用

Image Hasher

包允许创建可以用于比较图像物理相似性的图像哈希。

特性

  • 图像哈希的生成
  • 两个哈希值的比较

开始使用

  • 首先创建Hasher实例
  • 提供图像以生成哈希
  • 使用HashComparisonUtils辅助工具来比较哈希

使用示例

安装依赖

在你的pubspec.yaml文件中添加以下依赖：

dependencies:
  image_hasher_dart: ^1.0.0

生成图像哈希

以下是一个完整的示例，展示如何生成图像哈希并进行比较：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Image Hasher Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              _compareImages();
            },
            child: Text('Compare Images'),
          ),
        ),
      ),
    );
  }

  void _compareImages() async {
    // 创建Hasher实例
    final hasher = Hasher();

    // 加载第一张图像
    final image1 = await loadImage('assets/image1.jpg');
    final hash1 = await hasher.hash(image1);

    // 加载第二张图像
    final image2 = await loadImage('assets/image2.jpg');
    final hash2 = await hasher.hash(image2);

    // 比较两个哈希值
    final comparisonResult = HashComparisonUtils.compare(hash1, hash2);
    print('Comparison Result: $comparisonResult');
  }

  Future<Image> loadImage(String path) async {
    final byteData = await rootBundle.load(path);
    final bytes = byteData.buffer.asUint8List();
    return decodeImageFromList(bytes);
  }
}

说明

  1. 安装依赖：首先在pubspec.yaml文件中添加image_hasher_dart依赖。
  2. 创建Hasher实例：使用Hasher()创建一个Hasher实例。
  3. 加载图像：使用loadImage方法加载图像。这里假设你已经将图像文件放在了assets目录下，并且已经在pubspec.yaml文件中正确配置了资源。
  4. 生成哈希：调用hasher.hash(image)方法生成图像的哈希值。
  5. 比较哈希值：使用HashComparisonUtils.compare(hash1, hash2)方法比较两个哈希值。

通过上述步骤，你可以使用image_hasher_dart插件来生成和比较图像的哈希值。


更多关于Flutter图像哈希生成插件image_hasher_dart的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter图像哈希生成插件image_hasher_dart的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是如何在Flutter项目中使用image_hasher_dart插件来生成图像哈希的示例代码。

首先，确保你的Flutter项目已经创建好，并且在pubspec.yaml文件中添加了image_hasher_dart依赖：

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

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

接下来，你可以在你的Dart文件中使用image_hasher_dart来生成图像的哈希值。以下是一个完整的示例，包括如何从资产中加载图像并生成其哈希值：

import 'package:flutter/material.dart';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:image_hasher_dart/image_hasher_dart.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  String? hashValue;

  @override
  void initState() {
    super.initState();
    _generateImageHash();
  }

  Future<void> _generateImageHash() async {
    // 从资产中加载图像
    final ByteData byteData = await rootBundle.load('assets/sample_image.png');
    final Uint8List imageBytes = byteData.buffer.asUint8List();

    // 将图像数据转换为ImageProvider（可选，这里只是为了展示如何从资产加载）
    final ui.Codec codec = await ui.instantiateImageCodec(imageBytes);
    final ui.FrameInfo frameInfo = await codec.getNextFrame();
    final ImageProvider imageProvider = MemoryImage(imageBytes);

    // 注意：实际上，我们不需要ImageProvider来生成哈希，直接使用imageBytes即可

    // 使用image_hasher_dart生成哈希值
    final ImageHasher hasher = ImageHasher();
    final String hash = hasher.hash(imageBytes);

    // 更新状态
    setState(() {
      hashValue = hash;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Hasher Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Image.asset(
              'assets/sample_image.png',
              width: 200,
              height: 200,
            ),
            SizedBox(height: 20),
            Text(
              'Image Hash:',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 10),
            Text(
              hashValue ?? 'Loading...',
              style: TextStyle(fontSize: 18),
            ),
          ],
        ),
      ),
    );
  }
}

在这个示例中，我们做了以下几件事：

  1. 从assets文件夹中加载一个名为sample_image.png的图像。
  2. 使用image_hasher_dart插件的ImageHasher类生成图像的哈希值。
  3. 将生成的哈希值显示在屏幕上。

请注意，你需要确保assets/sample_image.png存在于你的项目中，并且在pubspec.yaml中声明了这个资产：

flutter:
  assets:
    - assets/sample_image.png

这样，你就可以运行你的Flutter应用，并看到生成的图像哈希值了。

回到顶部