将窗户拖动点扑来

Question

我的Flutter应用程序利用了相对较新的Windows构建工具和社区fluent_ui软件包。

为了使我的应用程序看起来更本地化，我选择使用window_manager软件包删除默认的Windows标题栏并实现我自己的。但是，这引入了无法通过拖动顶部来移动窗口的问题。

有没有办法使小部件成为窗口阻力点可以允许这样做？

Answer 1

我最近通过制作DraggableAppbar找到了解决方案。我还使用 window_manager 软件包将窗口控制按钮添加到appbar。

解决方案：在脚手架中使用DraggableAppbar而不是Appbar。

import 'package:flutter/material.dart';
import 'package:universal_platform/universal_platform.dart';
import 'package:window_manager/window_manager.dart';

class DraggebleAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String title;
  final Brightness brightness;
  final Color backgroundColor;

  const DraggebleAppBar({
    super.key,
    required this.title,
    required this.brightness,
    required this.backgroundColor,
  });

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        getAppBarTitle(title),
        Align(
          alignment: AlignmentDirectional.centerEnd,
          child: SizedBox(
            height: kToolbarHeight,
            width: 200,
            child: WindowCaption(
              backgroundColor: backgroundColor,
              brightness: brightness,
            ),
          ),
        )
      ],
    );
  }

  Widget getAppBarTitle(String title) {
    if (UniversalPlatform.isWeb) {
      return Align(
        alignment: AlignmentDirectional.center,
        child: Text(title),
      );
    } else {
      return DragToMoveArea(
        child: SizedBox(
          height: kToolbarHeight,
          child: Align(
            alignment: AlignmentDirectional.center,
            child: Text(title),
          ),
        ),
      );
    }
  }

  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
}