Flutter计算机视觉插件cv_native_client的使用

Flutter计算机视觉插件cv_native_client的使用

Flutter 插件 cv_native_client 可以让你访问平台的原生API。

使用

要使用此插件，在你的 pubspec.yaml 文件中添加 cv_native_client 作为依赖项。

安装

在你的包的 pubspec.yaml 文件中添加以下内容：

dependencies:
  cv_native_client: ^1.0.1

示例

下面是一个完整的示例代码，展示了如何使用 cv_native_client 插件来获取和设置剪贴板数据。

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

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<String> logs = [];

  [@override](/user/override)
  void initState() {
    super.initState();
    logs = [];
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('CV Native Client 示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              // 空白区域
              const SizedBox(height: 16),
              Wrap(
                runSpacing: 8.0,
                children: buttons,
              ),
              // 空白区域
              const SizedBox(height: 16),
              // 日志
              const Text('日志：'),
              Expanded(
                child: Container(
                  padding: const EdgeInsets.all(8.0),
                  child: Container(
                    // 填充剩余空间
                    decoration: BoxDecoration(
                      border: Border.all(color: Colors.grey),
                    ),
                    child: ListView.builder(
                      padding: const EdgeInsets.all(8),
                      itemCount: logs.length,
                      itemBuilder: (BuildContext context, int index) {
                        return Text(logs[(logs.length - 1) - index]);
                      },
                    ),
                  ),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }

  List<Widget> get buttons {
    return [
      ElevatedButton(
        onPressed: () async {
          final List<CvClipboardMimeType> mimeTypes =
              await CvNativeClient.getClipboardDataMimeTypes();
          logs.add('');
          logs.add('${DateTime.now()}: 剪贴板 MIME 类型: $mimeTypes');
          setState(() {});
        },
        child: const Text('获取剪贴板 MIME 类型'),
      ),
      // 空白区域
      const SizedBox(width: 16),
      ElevatedButton(
        onPressed: () async {
          final CvClipboardData? clipboardData =
              await CvNativeClient.getClipboardData();
          logs.add('');
          logs.add('plainText: ${clipboardData?.plainText}');
          logs.add('htmlText: ${clipboardData?.htmlText}');
          logs.add('${DateTime.now()}: 剪贴板数据:');
          setState(() {});
        },
        child: const Text('获取剪贴板文本'),
      ),
      // 空白区域
      const SizedBox(width: 16),
      ElevatedButton(
        onPressed: () async {
          const CvClipboardData data = CvClipboardData(
            plainText: 'Hello, world!',
            htmlText: '<p>Hello, world!</p>',
          );
          final bool result = await CvNativeClient.setClipboardData(data);
          logs.add('');
          logs.add('${DateTime.now()}: 剪贴板设置: $result');
          setState(() {});
        },
        child: const Text('将 "Hello, world!" 设置到剪贴板'),
      ),
      // 空白区域
      const SizedBox(width: 16),
      // 清空日志
      ElevatedButton(
        onPressed: () {
          logs.clear();
          setState(() {});
        },
        child: const Text('清空日志'),
      ),
    ];
  }
}