Flutter相机功能插件camera_pkg的使用

Features

以下是该插件可以实现的功能：

在小部件中显示实时相机预览。
可以捕获快照并保存到文件。
自定义图像质量压缩器。
图像裁剪功能。

Getting started

在开始使用之前，请确保了解以下功能：

在小部件中显示实时相机预览。
捕获快照并保存到文件。
使用自定义图像质量压缩器。
调整图像裁剪功能。

Installation

在使用此插件前，请确保在 AndroidManifest.xml 文件中添加以下权限和配置：

<uses-permission android:name="android.permission.CAMERA"/>

<activity
android:name="com.yalantis.ucrop.UCropActivity"
android:screenOrientation="portrait"
android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>

Usage

要使用该插件，首先需要导航到特定的类 CameraControl() 并根据需求定义图像质量（范围为0到100）。

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:path/path.dart'; // 用于处理文件路径
import 'package:image_picker/image_picker.dart'; // 用于选择图像
import 'package:camera/camera.dart'; // 引入相机功能
import 'dart:io'; // 用于文件操作

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

class _CameraExampleState extends State<CameraExample> {
  File? selected_image; // 存储选择的图像

  Future<void> pickImageFromCamera() async {
    final picker = ImagePicker(); // 创建图像选择器实例
    final pickedFile = await picker.pickImage(source: ImageSource.camera); // 从相机获取图像

    if (pickedFile != null) {
      setState(() {
        selected_image = File(pickedFile.path); // 将选中的图像存储到变量中
      });
      print(selected_image!.path); // 打印图像路径
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('相机功能演示'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: pickImageFromCamera, // 点击按钮时调用pickImageFromCamera函数
              child: Text("拍摄照片"),
            ),
            SizedBox(height: 20),
            selected_image == null
                ? Text("未选择照片")
                : Image.file(selected_image!), // 显示所选图像
          ],
        ),
      ),
    );
  }
}

sinazl 1楼•24 天前

更多关于Flutter相机功能插件camera_pkg的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

camera_pkg 是一个用于在 Flutter 应用中集成相机功能的插件。它提供了简单易用的 API，允许开发者快速实现拍照、录像等相机功能。以下是如何使用 camera_pkg 插件的基本步骤：

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  camera_pkg: ^1.0.0  # 请使用最新版本

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

2. 配置相机权限

在 Android 和 iOS 上，你需要配置相机权限。

Android

在 android/app/src/main/AndroidManifest.xml 文件中添加以下权限：

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

iOS

在 ios/Runner/Info.plist 文件中添加以下权限：

<key>NSCameraUsageDescription</key>
<string>We need access to your camera to take photos and videos.</string>
<key>NSMicrophoneUsageDescription</key>
<string>We need access to your microphone to record videos.</string>

3. 初始化相机

在你的 Flutter 应用中，首先需要初始化相机。以下是一个简单的示例：

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final cameras = await availableCameras();
  final firstCamera = cameras.first;

  runApp(MyApp(camera: firstCamera));
}

class MyApp extends StatelessWidget {
  final CameraDescription camera;

  MyApp({required this.camera});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: CameraScreen(camera: camera),
    );
  }
}

4. 创建相机预览界面

接下来，你可以创建一个相机预览界面，允许用户拍照或录像。

class CameraScreen extends StatefulWidget {
  final CameraDescription camera;

  CameraScreen({required this.camera});

  [@override](/user/override)
  _CameraScreenState createState() => _CameraScreenState();
}

class _CameraScreenState extends State<CameraScreen> {
  late CameraController _controller;
  late Future<void> _initializeControllerFuture;

  [@override](/user/override)
  void initState() {
    super.initState();
    _controller = CameraController(
      widget.camera,
      ResolutionPreset.medium,
    );

    _initializeControllerFuture = _controller.initialize();
  }

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Camera Example')),
      body: FutureBuilder<void>(
        future: _initializeControllerFuture,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            return CameraPreview(_controller);
          } else {
            return Center(child: CircularProgressIndicator());
          }
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          try {
            await _initializeControllerFuture;
            final image = await _controller.takePicture();
            // 处理拍摄的照片
            print('Image saved to ${image.path}');
          } catch (e) {
            print(e);
          }
        },
        child: Icon(Icons.camera),
      ),
    );
  }
}