Flutter摄像头访问插件camera_avfoundation2的使用

Flutter摄像头访问插件 camera_avfoundation2 的使用

简介

camera_avfoundation2 是 Flutter 中用于 iOS 平台实现摄像头功能的插件。它是官方推荐的摄像头插件（camera）的一部分，因此在大多数情况下，您可以直接使用 camera 插件，而无需单独添加 camera_avfoundation2 到您的项目中。

然而，如果您需要直接调用 camera_avfoundation2 的某些 API，则需要将其显式添加到您的 pubspec.yaml 文件中。

使用步骤

以下是一个完整的示例，展示如何使用 camera_avfoundation2 插件来访问 iOS 设备上的摄像头，并进行拍照和录像。

示例代码

// Copyright 2013 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'dart:async';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:camera/camera.dart'; // 导入 camera 插件

// 获取设备可用的摄像头列表
late List<CameraDescription> cameras;

Future<void> main() async {
  // 初始化摄像头设备
  WidgetsFlutterBinding.ensureInitialized();
  cameras = await availableCameras(); // 获取所有可用的摄像头
  runApp(MyApp(cameras: cameras));
}

class MyApp extends StatelessWidget {
  final List<CameraDescription> cameras;

  const MyApp({Key? key, required this.cameras}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: CameraScreen(cameras: cameras),
    );
  }
}

class CameraScreen extends StatefulWidget {
  final List<CameraDescription> cameras;

  const CameraScreen({Key? key, required this.cameras}) : super(key: key);

  @override
  _CameraScreenState createState() => _CameraScreenState();
}

class _CameraScreenState extends State<CameraScreen> {
  late CameraController controller;
  late Future<void> initializationFuture;

  @override
  void initState() {
    super.initState();
    // 初始化摄像头控制器
    controller = CameraController(
      widget.cameras[0], // 使用第一个摄像头
      ResolutionPreset.high, // 设置分辨率
    );
    initializationFuture = controller.initialize();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Camera Example'),
      ),
      body: FutureBuilder<void>(
        future: initializationFuture,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            // 摄像头初始化完成后显示预览
            return CameraPreview(controller);
          } else {
            // 如果尚未初始化，显示加载指示器
            return const Center(child: CircularProgressIndicator());
          }
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          // 拍照
          final image = await controller.takePicture();
          if (!mounted) return;
          Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => DisplayPictureScreen(imagePath: image.path),
            ),
          );
        },
        child: const Icon(Icons.camera),
      ),
    );
  }
}

class DisplayPictureScreen extends StatelessWidget {
  final String imagePath;

  const DisplayPictureScreen({Key? key, required this.imagePath})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Captured Image')),
      body: Image.file(File(imagePath)),
    );
  }
}

代码说明

1. 初始化摄像头：

   • 使用 availableCameras() 方法获取设备上可用的摄像头列表。
   • 创建 CameraController 对象并指定要使用的摄像头和分辨率。

2. 显示预览：

   • 在 FutureBuilder 中等待摄像头初始化完成，然后使用 CameraPreview 显示实时预览。

3. 拍照功能：

   • 使用 takePicture() 方法捕获照片，并通过 Navigator 将照片传递到另一个页面显示。

4. 释放资源：

   • 在页面销毁时，确保调用 controller.dispose() 来释放摄像头资源。

运行效果

运行上述代码后，您将看到一个带有摄像头预览的界面。点击屏幕上的快门按钮即可拍摄照片，并跳转到新页面查看拍摄的照片。

注意事项

• 请确保在 Info.plist 文件中添加相机权限声明：

  <key>NSCameraUsageDescription</key>
  <string>We need access to your camera</string>