Flutter增强现实功能插件ar_core的使用

Flutter增强现实功能插件ar_core的使用

ar_core 是一个用于移动设备的增强现实应用工具包，使创建增强现实应用变得简单。

感谢 Arslan Raza 的贡献，他的 ar_core 项目为本项目的开发提供了良好的基础和起点。

功能

• 在小部件中显示实时相机预览。
• 自定义相机位置，可以放置在屏幕上的任何位置。
• 选择资源文件、网络图片或PNG格式的3D对象。
• 可以拖动、缩放、旋转和放大缩小对象。
• 从Dart访问图像流。

开始使用

安装

首先，将 ar_core 包添加到您的项目中：

flutter pub add ar_core

或者手动将其添加到您的 pubspec.yaml 文件中（并运行 flutter pub get）：

dependencies:
  ar_core: ^0.0.1

iOS

相机插件功能适用于 iOS 10.0 或更高版本。如果编译的版本低于 10.0，请确保在使用任何相机插件功能之前，通过程序检查设备上运行的 iOS 版本。例如，您可以使用 device_info_plus 插件来检查 iOS 版本。

在 ios/Runner/Info.plist 文件中添加两行：

• 一行带有键 Privacy - Camera Usage Description 和描述。
• 另一行带有键 Privacy - Microphone Usage Description 和描述。

或者直接在文本格式中添加键：

<key>NSCameraUsageDescription</key>
<string>Can I use the camera please?</string>
<key>NSMicrophoneUsageDescription</key>
<string>Can I use the mic please?</string>

Android

在您的 android/app/build.gradle 文件中，将最小 Android SDK 版本更改为 21（或更高）。

minSdkVersion 21

需要注意的是，MediaRecorder 类在模拟器上无法正常工作，具体信息请参阅文档：https://developer.android.com/reference/android/media/MediaRecorder。特别是当启用声音录制视频时，在回放时会发现视频时长不正确，只看到第一帧。

导入

在您的代码中添加以下导入语句：

import 'package:ar_core/ar_core.dart';

使用或如何使用

替换您的 Scaffold 为 Augmented()，它将处理所有视图。如果您想传递一张图片，只需在构造函数中传递该图片。

在 main 方法中写入以下代码：

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

List<CameraDescription> cameras = [];

Future<void> main() async {
  try {
    WidgetsFlutterBinding.ensureInitialized();
    cameras = await availableCameras();
  } on CameraException catch (e) {
    print(e.description);
  }
  runApp(const MyApp());
}

添加主类

class AugmentedReality extends StatefulWidget {
  const AugmentedReality({Key? key}) : super(key: key);

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

class _AugmentedRealityState extends State<AugmentedReality> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Augmented(
      /// 提供网络图片链接以添加您的对象
      image: 'https://freepngimg.com/static/img/cat/hair.png'
    );
  }
}

完整示例

以下是完整的示例代码：

import 'package:ar_core/ar_core.dart';
import 'package:camera/camera.dart';
import 'package:flutter/material.dart';

List<CameraDescription> cameras = [];

Future<void> main() async {
  try {
    WidgetsFlutterBinding.ensureInitialized();
    cameras = await availableCameras();
  } on CameraException catch (e) {
    print(e.description);
  }
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

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

class AugmentedReality extends StatefulWidget {
  const AugmentedReality({Key? key}) : super(key: key);

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

class _AugmentedRealityState extends State<AugmentedReality> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Augmented(
      image: 'https://freepngimg.com/static/img/cat/hair.png'
    );
  }
}