Flutter桌面标注应用Win32窗口实现鼠标点击穿透且保留交互的方案咨询

问题根因 #

你当前使用WS_EX_TRANSPARENT扩展样式是对整个窗口全局生效，开启后整个窗口的所有区域都会透传鼠标事件，自然无法响应自身的标题栏、按钮等交互控件的操作。 #

方案1：动态切换穿透/交互模式（实现最简单，适配绝大多数标注场景） #

你可以通过快捷键/交互触发样式的增删实现两种模式的切换：

开启点击穿透模式代码 #

int extendedStyleSettings = GetWindowLongPtr(window, GWL_EXSTYLE);
SetWindowLongPtr(window, GWL_EXSTYLE, extendedStyleSettings | WS_EX_LAYERED | WS_EX_TRANSPARENT);
SetLayeredWindowAttributes(window, 0, 255, LWA_ALPHA);
// 刷新窗口样式使配置立刻生效
SetWindowPos(window, NULL, 0, 0, 0, 0, SWP_NOMOVE | SWP_NOSIZE | SWP_NOZORDER | SWP_FRAMECHANGED);

恢复自身交互代码 #

int extendedStyleSettings = GetWindowLongPtr(window, GWL_EXSTYLE);
// 仅移除透传样式，保留分层窗口属性不变
SetWindowLongPtr(window, GWL_EXSTYLE, (extendedStyleSettings | WS_EX_LAYERED) & ~WS_EX_TRANSPARENT);
SetLayeredWindowAttributes(window, 0, 255, LWA_ALPHA);
SetWindowPos(window, NULL, 0, 0, 0, 0, SWP_NOMOVE | SWP_NOSIZE | SWP_NOZORDER | SWP_FRAMECHANGED);

你可以将切换逻辑绑定自定义快捷键，比如标注状态下开启穿透选择下层窗口内容，编辑标注参数时关闭穿透操作自身控件即可。 #

方案2：局部区域穿透（保留自身控件交互能力） #

如果你需要同时存在可交互控件和下层透传区域，不全局开启透传样式，通过监听鼠标位置动态调整样式即可实现：

1. 先用MethodChannel建立Flutter层和Win32原生层的双向通信通道
2. Flutter层全局监听鼠标移动事件，判断当前鼠标悬浮位置：

• 如果是标题栏、功能按钮等需要自身响应的区域时，调用原生方法移除WS_EX_TRANSPARENT样式
• 如果是标注画布等需要透传的区域时，调用原生方法添加WS_EX_TRANSPARENT样式
  该方案无需修改Win32窗口的消息回调逻辑，适配Flutter项目的开发成本更低。

*兼容性提示：推荐优先使用GetWindowLongPtr/SetWindowLongPtr替代原有的GetWindowLong/SetWindowLong，可以同时兼容32位和64位Windows系统，避免内存地址截断问题。

内容的提问来源于stack exchange，提问作者Anas-Qasem