Flutter相机视图插件pose_camera_view的使用

PoseCameraView Widget

PoseCameraView 是一个允许你在实时使用设备摄像头时检测和分析姿势的 Flutter 小部件，特别关注于俯卧撑跟踪。

安装

在你的 pubspec.yaml 文件中添加 pose_camera_view 到依赖项：

dependencies:
  pose_camera_view: <最新版本>

然后在代码中导入：

import 'package:pose_camera_view/pose_camera_view.dart';

如何使用

以下是一个简单的使用示例：

PoseCameraView(
  onPoseData: (poseData) {
    switch (poseData.pushUpState) {
      case PushUpState.middle:
        print("MIDDLE");
        break;
      case PushUpState.completed:
        print("COMPLETED");
        counterNotifier.value++;
        break;
      case PushUpState.init:
        print("INIT");
        break;
      case PushUpState.neutral:
        // 处理这个情况
        break;
    }
  },
  elbowAngleMin: 60.0,
  elbowAngleMax: 160.0,
)

参数

• onPoseData: 一个回调函数，用于接收检测到的姿势数据。
• elbowAngleMin: 最小肘部角度，以考虑有效的弯曲。
• elbowAngleMax: 最大肘部角度，以考虑有效的弯曲。

推荐的俯卧撑状态

• PushUpState.init: 俯卧撑初始位置。
• PushUpState.middle: 俯卧撑进行到一半。
• PushUpState.completed: 俯卧撑完成。

示例

为了获得更完整的示例，可以查看此存储库中的示例文件夹。以下是示例代码：

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Push up counter Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text("Push up Counter Example"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
                onPressed: () {
                  Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (BuildContext context) => const PushUpScreenExample()));
                },
                child: const Text('Go to the push up counter'))
          ],
        ),
      ),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    final counterNotifier = ValueNotifier<int>(0);

    return SafeArea(
      child: Material(
        child: Stack(
          children: [
            PoseCameraView(
              onPoseData: (poseData) {
                switch (poseData.pushUpState) {
                  case PushUpState.middle:
                    print("MIDDLE");
                    break;
                  case PushUpState.completed:
                    print("COMPLETED");
                    counterNotifier.value++;
                    break;
                  case PushUpState.init:
                    print("INIT");
                    break;
                }
              },
              elbowAngleMin: 60.0,
              elbowAngleMax: 160.0,
            ),
            const BackButton(),
            Positioned(
              top: 40,
              left: 0,
              right: 0,
              child: ValueListenableBuilder<int>(
                valueListenable: counterNotifier,
                builder: (context, value, child) {
                  return Text(
                    'Push-ups: $value',
                    style: const TextStyle(
                      fontSize: 35,
                      color: Colors.white,
                      shadows: [
                        Shadow(
                          color: Colors.black,
                          offset: Offset(1, 1),
                          blurRadius: 2,
                        ),
                      ],
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}