Flutter笔记：桌面端应用多窗口管理方案

import 'package:flutter/material.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MultiWindowLayoutExample(),
    );
  }
}
 
class MultiWindowLayoutExample extends StatefulWidget {
  @override
  _MultiWindowLayoutExampleState createState() => _MultiWindowLayoutExampleState();
}
 
class _MultiWindowLayoutExampleState extends State<MultiWindowLayoutExample> {
  final _windows = <String, ExampleWindow>[];
  var _nextWindowId = 1;
 
  void _addWindow() {
    setState(() {
      final windowId = 'window${_nextWindowId++}';
      _windows[windowId] = ExampleWindow(windowId);
    });
  }
 
  void _removeWindow(String windowId) {
    setState(() {
      _windows.remove(windowId);
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: _windows.values.map((window) {
          return Positioned(
            left: window.position.dx,
            top: window.position.dy,
            child: GestureDetector(
              onTap: () => _removeWindow(window.id),
              child: window.widget,
            ),
          );
        }).toList(),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _addWindow,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}
 
class ExampleWindow {
  ExampleWindow(this.id)
      : position = Offset(
          Random().nextDouble() * 100.0,
          Random().nextDouble() * 100.0,
        ),
        widget = Container(
          color: Colors.green,
          child: Center(child: Text(id)),
        );
 
  final String id;
  final Offset position;
  final Widget widget;
}

这个代码示例展示了如何在Flutter中实现类似于桌面应用程序的多窗口管理。用户可以通过点击底部的加号按钮添加新窗口，每个窗口都会随机出现在屏幕上，并且可以通过点击它们来关闭。每个窗口都是一个ExampleWindow对象，它记录了窗口的ID、位置和显示的内容。通过_windows集合来跟踪所有打开的窗口，并在状态改变时通过setState更新UI。这个例子简单易懂，并且可以作为Flutter多窗口管理的起点。