Flutter视频处理插件vcl的使用

dart-vcl

Dart 实现的 vcl 接口，适用于 C++Builder 和 Delphi 的 Web 应用程序。

ChangeLog

ChangeLog.md

关于

如果你熟悉 C++ Builder 或 Delphi 编程语言，借助此库你可以使用 Dart 开始创建具有熟悉的界面和 Borland 组件的 Web 应用程序。

该库基于 Borland 组件的原始源码。这将允许你在设计对话表单时使用诸如 Align、Anchors、Object-events 等属性。

HTML 元素作为 HWND 描述符（句柄）的替代品。就像在 Windows 中一样，窗口之间的通信通过消息进行。

为了创建表单，实现了 TEdit、TComboBox、TPanel、TPageControl、TEdit、TCheckBox 等组件。 还实现了 TDataSource、TDataSet、TDataLink、TDBGrid 等组件以用于数据库操作。

添加了 flex 组件以灵活调整对话表单中控件的位置。

警告：该库仅在 Google Chrome 浏览器中测试过。

示例

import 'package:vcl/vcl.dart';

void main() async {
  var form = TForm(Application);
  form.Position = TPosition.ScreenCenter;
  await form.ShowModal();
}

Demo

点击 链接 查看演示应用程序，或者下载最新版本的 文件 并在 Google Chrome 浏览器中打开 index.html。

演示项目的 源文件。

例如，我的项目

• Editor
• Seniority calculator

完整示例Demo

以下是一个完整的示例，展示如何使用 dart-vcl 创建一个简单的 Flutter 应用程序，并实现基本的视频处理功能。

步骤1：安装依赖

在 pubspec.yaml 文件中添加 vcl 依赖：

dependencies:
  vcl: ^0.1.0

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

步骤2：创建主应用

创建一个新的 Flutter 项目，并在 main.dart 文件中编写以下代码：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Video Processing Demo',
      home: VideoProcessingScreen(),
    );
  }
}

class VideoProcessingScreen extends StatefulWidget {
  @override
  _VideoProcessingScreenState createState() => _VideoProcessingScreenState();
}

class _VideoProcessingScreenState extends State<VideoProcessingScreen> {
  final form = TForm(Application);

  @override
  void initState() {
    super.initState();
    form.Position = TPosition.ScreenCenter;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Video Processing'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            await form.ShowModal();
          },
          child: Text('Open Video Form'),
        ),
      ),
    );
  }
}

步骤3：创建视频处理表单

在 video_form.dart 文件中编写以下代码：

import 'package:vcl/vcl.dart';

class VideoForm extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return TForm(Application);
  }
}

步骤4：运行应用

确保你的设备或模拟器已连接，然后运行以下命令启动应用：

flutter run