好的,我希望你能将标题栏放在主窗口之外,而是放在顶部作为一条栏,当鼠标不悬停在主窗口或标题栏上时,该栏变为透明。
我有来自另一个电子应用程序的示例 这里。
那么,有人知道如何创建类似的东西吗? 我考虑过创建第二个窗口,但我认为那不会奏效。 但其他人已经做到了,所以肯定是有可能的。
好的,我希望你能将标题栏放在主窗口之外,而是放在顶部作为一条栏,当鼠标不悬停在主窗口或标题栏上时,该栏变为透明。
我有来自另一个电子应用程序的示例 这里。
那么,有人知道如何创建类似的东西吗? 我考虑过创建第二个窗口,但我认为那不会奏效。 但其他人已经做到了,所以肯定是有可能的。
const {BrowserWindow} = require('electron')
let win = new BrowserWindow({transparent: true, frame: false})
win.show()
请查看 Electron文档,里面有关于透明窗口的跨平台提示。
然后您可以在标题栏上添加或删除类以使其出现/消失。标题栏元素应具有css属性-webkit-app-region:drag
您应该考虑使用内容填充该窗口的非可见区域,还适用于一些小动画效果。否则它可能会挡住后面的某个应用程序,用户不知道为什么。否则,您需要手动管理转发点击事件:
win.setIgnoreMouseEvents(true)
关于此事,请查看Electron文档,因为转发可能会变得非常复杂。
new BrowserWindow({
titleBarStyle : "hidden",
...
});