Flutter图像处理插件iimage的使用

简介

iimage 是一个专门为 Flutter 应用开发中的图像处理业务设计的工具包。它提供了多种图像处理功能，易于库的引入，方便的功能调用，每个功能都经过合理的设计，并且具有很高的专业性，支持多个平台，没有限制，业务覆盖面广，可以满足 90% 的业务开发需求。该库还在持续更新中。

更新与特性

• 最新版本的详细更新信息，参见 最新更新文档。
• iimage 功能的详细介绍文档，参见 iimage 文档。

问题与建议

• 感谢您对 iimage 的关注和使用；
• 希望您留下宝贵的评论，电子邮件地址为 1542100658@qq.com；
• 如果在使用 iimage 时遇到错误，请在 问题地址 提出您的问题。

鼓励和支持

iimage 是一个高度专业的图像处理工具包，每个功能都经过作者的仔细检查和测试。虽然工具包仍在开发中，但它已经具备了很多出色的功能。如果您发现任何问题，请毫不犹豫地联系作者或在 GitHub 上提出问题。如果您对 iimage 满意，请留下您的宝贵支持，这将是作者最好的鼓励。

示例代码

以下是一个完整的示例代码，展示了如何使用 iimage 进行图像处理。

import 'dart:async';
import 'dart:ui' as ui;
import 'package:example/fam/fam.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:idkit/idkit.dart' hide IImage;
import 'package:iimage/iimage.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter FImage Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter FImage Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 图像变化流控制器
  final StreamController<ui.Image> imageStreamController = StreamController.broadcast();

  // 当前图像
  ui.Image? image;

  // 获取原始图像
  Future<ui.Image> getImageData() async {
    final ImmutableBuffer immutableBuffer = await rootBundle.loadBuffer(FamManager.aa);
    final ui.Codec codec = await ui.instantiateImageCodecFromBuffer(immutableBuffer);
    final ui.FrameInfo frameInfo = await codec.getNextFrame();
    return frameInfo.image;
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                // 左右翻转按钮
                IconButton(
                  hoverColor: Colors.transparent,
                  onPressed: () async {
                    if (image == null) return;
                    final ByteData? byteData = await image!.toByteData();
                    if (byteData == null) return;
                    image = await IImage.mirrorFromUint32List(
                      uint32list: byteData.buffer.asUint32List(),
                      imageWidth: image!.width,
                      imageHeight: image!.height,
                      mirrorType: MirrorType.lr,
                    );
                    imageStreamController.add(image!);
                  },
                  icon: Image.asset(FamManager.zy),
                ),
                // 上下翻转按钮
                IconButton(
                  hoverColor: Colors.transparent,
                  onPressed: () async {
                    if (image == null) return;
                    final ByteData? byteData = await image!.toByteData();
                    if (byteData == null) return;
                    image = await IImage.mirrorFromImage(
                      image: image!,
                      mirrorType: MirrorType.td,
                    );
                    imageStreamController.add(image!);
                  },
                  icon: Image.asset(FamManager.sx),
                ),
              ],
            ),
            10.vGap,
            // 显示图像
            FutureBuilder(
              future: getImageData(),
              builder: (context, snapshot) {
                if (snapshot.connectionState == ConnectionState.active ||
                    snapshot.connectionState == ConnectionState.waiting) {
                  return const Text('图像加载中...');
                }
                if (snapshot.hasError) {
                  return const Text('图像加载失败!');
                }
                image = snapshot.data;
                return StreamBuilder<ui.Image>(
                  initialData: image,
                  stream: imageStreamController.stream,
                  builder: (context, snapshot) {
                    if (snapshot.hasError) {
                      return const Text('图像镜像失败!!!');
                    }
                    if (snapshot.data == null) {
                      return const Text('图像镜像图为 null');
                    }
                    return IDKitImage.image(image: snapshot.data!);
                  },
                );
              },
            ),
          ],
        ),
      ),
    );
  }

  [@override](/user/override)
  void dispose() {
    imageStreamController.close();
    super.dispose();
  }
}