Flutter拖拽窗口管理插件dragdropwindows的使用

Flutter拖拽窗口管理插件dragdropwindows的使用

该插件修改了窗口样式以支持拖放文本或文件,并在从其他窗口拖放文本或文件时调用 Dart 回调函数。通过该回调函数,Flutter 可以获取文本或文件名。

支持平台

  • ❌ macOS
  • ✅ Windows
  • ❌ Linux

特性

  • 支持多文件拖放
  • 支持文本拖放
  • 支持中文环境

使用方法

import 'package:dragdropwindows/dragdropwindows.dart';
.
.
.
if (Platform.isWindows) {
  try {
    DropfilesWindow.start((DropType type, List<String> results) {
      print("type=$type results=$results");
      setState(() {
        _dropInfo = '${type == DropType.text ? 'Drop text' : 'Drop files'} : $results';
      });
    });
  } on PlatformException {
    _dropInfo = 'Error to drop';
  }
}

完整示例代码请参阅 example/lib/main.dart

完整示例代码

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

import 'package:dragdropwindows/dragdropwindows.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  String _dropInfo = 'Drag drop anything to here';
  bool _start = true;

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

  // 平台消息是异步的,因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败,所以我们使用 try/catch PlatformException。
    // 我们还处理消息可能返回 null 的情况。
    try {
      platformVersion = await Dragdropwindows.platformVersion ?? 'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    startDragDrop();

    // 如果在异步平台消息仍在飞行时,小部件已从树中移除,我们希望丢弃回复而不是调用 setState 来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  startDragDrop() {
    if (Platform.isWindows) {
      try {
        Dragdropwindows.start((DropType type, List<String> results) {
          print("type=$type results=$results");
          setState(() {
            _dropInfo = '${type == DropType.text ? 'Drop text' : 'Drop files'} : ${results.toString()}';
          });
        });
      } on PlatformException {
        setState(() {
          _dropInfo = 'Error to drop';
        });
      }
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              const Spacer(),
              Text('运行于: $_platformVersion\n$_dropInfo', textAlign: TextAlign.center),
              const Spacer(),
              ElevatedButton(
                onPressed: () {
                  if (_start) {
                    Dragdropwindows.stop();
                  } else {
                    startDragDrop();
                  }
                  setState(() {
                    _start = !_start;
                  });
                },
                child: Text(_start ? '取消拖放' : '开始拖放'),
              ),
              const SizedBox(height: 50)
            ],
          ),
        ),
      ),
    );
  }
}

更多关于Flutter拖拽窗口管理插件dragdropwindows的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter拖拽窗口管理插件dragdropwindows的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中,dragdropwindows 是一个用于管理窗口拖拽的插件。它允许你在桌面平台上(如 Windows、macOS 和 Linux)实现窗口的拖拽功能。以下是如何使用 dragdropwindows 插件的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 dragdropwindows 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  dragdropwindows: ^0.1.0  # 请检查最新版本

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

2. 导入插件

在你的 Dart 文件中导入 dragdropwindows 插件:

import 'package:dragdropwindows/dragdropwindows.dart';

3. 初始化插件

在使用插件之前,通常需要对其进行初始化。你可以在 main 函数中进行初始化:

void main() {
  Dragdropwindows.ensureInitialized();
  runApp(MyApp());
}

4. 使用插件进行窗口拖拽

你可以使用 Dragdropwindows 提供的方法来启用或禁用窗口拖拽功能。通常,你可以将这些方法与用户交互(如按下按钮)结合起来。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Drag & Drop Windows Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: () {
                  // 开始拖拽窗口
                  Dragdropwindows.startDrag();
                },
                child: Text('Start Drag'),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () {
                  // 停止拖拽窗口
                  Dragdropwindows.stopDrag();
                },
                child: Text('Stop Drag'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

5. 处理窗口拖拽事件

你还可以监听窗口的拖拽事件,以便在窗口被拖拽时执行特定的操作。例如:

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool isDragging = false;

  @override
  void initState() {
    super.initState();
    Dragdropwindows.onDragStart.listen((_) {
      setState(() {
        isDragging = true;
      });
    });

    Dragdropwindows.onDragEnd.listen((_) {
      setState(() {
        isDragging = false;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Drag & Drop Windows Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Window is ${isDragging ? 'Dragging' : 'Not Dragging'}'),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () {
                  Dragdropwindows.startDrag();
                },
                child: Text('Start Drag'),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () {
                  Dragdropwindows.stopDrag();
                },
                child: Text('Stop Drag'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

6. 运行应用

确保你的开发环境支持桌面平台的开发(例如 Windows、macOS 或 Linux),然后运行你的 Flutter 应用:

flutter run
回到顶部