Flutter图像匹配插件flutter_pixelmatching的使用

Flutter图像匹配插件flutter_pixelmatching的使用

简介

flutter_pixelmatching 是一个用于Flutter的插件，利用OpenCV进行图像特征匹配。它可以通过比较图像特征来计算并返回相似度。该插件支持Android和iOS平台，并且可以处理来自摄像头流、图像文件或Uint8List格式的图像数据。

主要特性

• 使用OpenCV进行图像特征匹配
• 支持从摄像头流（仅限移动平台）、图像文件或Uint8List中读取图像数据
• 通过比较图像特征来计算相似度

支持的平台

• Android（最低SDK 24）
• iOS（最低iOS版本11.0）

匹配算法

• FLannBasedMatcher：用于匹配特征点
• Android：使用SIFT检测器
• iOS：使用KAZE检测器

安装依赖

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

dependencies:
  flutter_pixelmatching: ^1.0.0

或者直接在终端中运行：

flutter pub add flutter_pixelmatching

XCode配置

如果你在XCode中遇到符号错误，请将Runner -> Build Settings -> Strip Style从"All Symbols"更改为"Non-Global Symbols"。

使用示例

1. 创建一个简单的Flutter应用

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:flutter_pixelmatching/flutter_pixelmatching.dart';

void main() {
  runApp(const MaterialApp(home: MyApp()));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final PixelMatching _matching = PixelMatching();
  Uint8List? _targetImage;
  double? _similarity;

  Future<void> _initializeMatching(Uint8List image) async {
    await _matching.initialize(image: image);
  }

  Future<void> _compareImages(Uint8List image) async {
    _similarity = await _matching.similarity(image);
    setState(() {});
  }

  Future<void> _pickImage(ImageSource source) async {
    final pickedFile = await ImagePicker().pickImage(source: source);
    if (pickedFile != null) {
      final target = await pickedFile.readAsBytes();
      setState(() {
        _targetImage = target;
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('PixelMatching Sample'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            _targetImage == null
                ? const Text('No image selected')
                : Image.memory(_targetImage!),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                ElevatedButton.icon(
                  icon: const Icon(Icons.photo),
                  label: const Text("From Gallery"),
                  onPressed: () => _pickImage(ImageSource.gallery),
                ),
                ElevatedButton.icon(
                  icon: const Icon(Icons.camera),
                  label: const Text("From Camera"),
                  onPressed: () => _pickImage(ImageSource.camera),
                ),
              ],
            ),
            if (_targetImage != null)
              ElevatedButton(
                onPressed: () async {
                  await _initializeMatching(_targetImage!);
                  // 模拟从摄像头获取图像
                  final cameraImage = await ImagePicker().pickImage(source: ImageSource.camera);
                  if (cameraImage != null) {
                    final cameraBytes = await cameraImage.readAsBytes();
                    await _compareImages(cameraBytes);
                  }
                },
                child: const Text('Compare Images'),
              ),
            if (_similarity != null)
              Text('Similarity: ${_similarity!.toStringAsFixed(2)}'),
          ],
        ),
      ),
    );
  }
}