Flutter图像调整大小插件rust_lib_resizer的使用

Flutter图像调整大小插件rust_lib_resizer的使用

在Flutter应用中，有时我们需要调整图像的大小。这时可以使用rust_lib_resizer插件来实现这一功能。以下是如何使用该插件的详细步骤和示例代码。

安装插件

首先，在你的pubspec.yaml文件中添加rust_lib_resizer插件：

dependencies:
  flutter:
    sdk: flutter
  rust_lib_resizer: ^0.1.0

然后运行flutter pub get命令以安装该插件。

使用插件

接下来，我们将展示如何使用rust_lib_resizer插件来调整图像的大小。以下是完整的示例代码：

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

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

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

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

class _ImageResizerPageState extends State<ImageResizerPage> {
  // 图像文件路径
  final String imagePath = "assets/images/sample.jpg";

  // 调整后的图像文件路径
  final String resizedImagePath = "assets/images/resized_sample.jpg";

  // 目标宽度
  final int targetWidth = 300;

  // 目标高度
  final int targetHeight = 300;

  // 是否正在处理图像
  bool isLoading = false;

  Future<void> resizeImage() async {
    setState(() {
      isLoading = true;
    });

    try {
      // 调用rust_lib_resizer插件来调整图像大小
      await RustLibResizer.resize(
        sourcePath: imagePath,
        destinationPath: resizedImagePath,
        width: targetWidth,
        height: targetHeight,
      );

      // 图像调整成功后更新UI
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("图像调整成功")),
      );
    } catch (e) {
      // 处理错误
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("图像调整失败: $e")),
      );
    } finally {
      setState(() {
        isLoading = false;
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("图像调整大小"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: isLoading ? null : resizeImage,
              child: Text("调整图像大小"),
            ),
            SizedBox(height: 20),
            isLoading
                ? CircularProgressIndicator()
                : Container(
                    width: 300,
                    height: 300,
                    child: Image.asset(resizedImagePath),
                  ),
          ],
        ),
      ),
    );
  }
}