Flutter文本识别插件mlkit_text_recognition的使用

Flutter 文本识别插件 mlkit_text_recognition 的使用

本文将介绍如何在 Flutter 应用程序中使用 mlkit_text_recognition 插件来实现文本识别功能。该插件是从 google_ml_kit 克隆而来，并且仅包含文本识别功能。

步骤 1: 添加依赖项

首先，在你的 pubspec.yaml 文件中添加 mlkit_text_recognition 依赖项：

dependencies:
  flutter:
    sdk: flutter
  mlkit_text_recognition: ^0.2.0 # 请根据最新版本进行更新

然后运行 flutter pub get 命令以安装依赖项。

步骤 2: 初始化插件

在你的应用程序中初始化 mlkit_text_recognition 插件。你可以在 main.dart 文件中进行初始化：

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

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

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

步骤 3: 创建文本识别界面

创建一个名为 TextRecognitionScreen 的新类，用于展示文本识别界面：

class TextRecognitionScreen extends StatefulWidget {
  [@override](/user/override)
  _TextRecognitionScreenState createState() => _TextRecognitionScreenState();
}

class _TextRecognitionScreenState extends State<TextRecognitionScreen> {
  String _text = '';

  // 初始化 ML Kit 文本识别器
  final textRecognizer = TextRecognizer();

  [@override](/user/override)
  void dispose() {
    textRecognizer.close(); // 关闭文本识别器
    super.dispose();
  }

  // 执行文本识别
  Future<void> _getTextFromImage() async {
    try {
      final inputImage = InputImage.fromFilePath('path/to/your/image.jpg'); // 替换为实际图片路径
      final recognizedText = await textRecognizer.processImage(inputImage);
      setState(() {
        _text = recognizedText.text; // 更新识别到的文本
      });
    } catch (e) {
      print('Error recognizing text: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ML Kit 文本识别'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _getTextFromImage,
              child: Text('识别文本'),
            ),
            SizedBox(height: 20),
            Text(_text), // 显示识别到的文本
          ],
        ),
      ),
    );
  }
}

更多关于Flutter文本识别插件mlkit_text_recognition的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter文本识别插件mlkit_text_recognition的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中，mlkit_text_recognition 是一个用于文本识别的插件，它基于 Google 的 ML Kit。使用这个插件，你可以轻松地从图像中提取文本。以下是使用 mlkit_text_recognition 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 mlkit_text_recognition 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  mlkit_text_recognition: ^latest_version

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

2. 导入插件

在你的 Dart 文件中导入 mlkit_text_recognition 插件：

import 'package:mlkit_text_recognition/mlkit_text_recognition.dart';

3. 初始化文本识别器

你可以创建一个 TextRecognizer 实例来识别文本：

final textRecognizer = TextRecognizer();

4. 从图像中识别文本

你可以使用 processImage 方法来从图像中提取文本。你需要提供一个 InputImage 对象，这个对象可以从相机、图库或文件系统中获取。

final inputImage = InputImage.fromFilePath(imagePath);
final RecognizedText recognizedText = await textRecognizer.processImage(inputImage);

5. 处理识别结果

RecognizedText 对象包含了识别到的文本信息。你可以遍历 recognizedText.blocks 来获取每个文本块的信息：

for (TextBlock block in recognizedText.blocks) {
  final String text = block.text;
  final List<Offset> cornerPoints = block.cornerPoints;
  final Rect boundingBox = block.boundingBox;
  
  for (TextLine line in block.lines) {
    final String lineText = line.text;
    final List<Offset> lineCornerPoints = line.cornerPoints;
    final Rect lineBoundingBox = line.boundingBox;
    
    for (TextElement element in line.elements) {
      final String elementText = element.text;
      final List<Offset> elementCornerPoints = element.cornerPoints;
      final Rect elementBoundingBox = element.boundingBox;
    }
  }
}

6. 释放资源

当文本识别完成后，记得释放资源：

textRecognizer.close();

完整示例

以下是一个完整的示例，展示了如何从图像中识别文本：

import 'package:flutter/material.dart';
import 'package:mlkit_text_recognition/mlkit_text_recognition.dart';
import 'dart:io';

class TextRecognitionPage extends StatefulWidget {
  [@override](/user/override)
  _TextRecognitionPageState createState() => _TextRecognitionPageState();
}

class _TextRecognitionPageState extends State<TextRecognitionPage> {
  String _recognizedText = '';

  Future<void> _recognizeText(String imagePath) async {
    final textRecognizer = TextRecognizer();
    final inputImage = InputImage.fromFilePath(imagePath);
    final RecognizedText recognizedText = await textRecognizer.processImage(inputImage);

    String text = '';
    for (TextBlock block in recognizedText.blocks) {
      text += block.text + '\n';
    }

    setState(() {
      _recognizedText = text;
    });

    textRecognizer.close();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Text Recognition'),
      ),
      body: Column(
        children: [
          ElevatedButton(
            onPressed: () async {
              // 假设你有一个图像的路径
              final imagePath = 'path_to_your_image';
              await _recognizeText(imagePath);
            },
            child: Text('Recognize Text'),
          ),
          Expanded(
            child: SingleChildScrollView(
              child: Text(_recognizedText),
            ),
          ),
        ],
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: TextRecognitionPage(),
  ));
}
回到顶部