设置窗口标题栏的颜色 \- electron.js

Question

我想为我的电子应用程序的 Windows 版本更改标题栏的颜色。目前它是白色的，如何将其更改为蓝色？

原文由 Daniel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

目前无法自定义本机标题栏。因此，第一步是通过告诉 BrowserWindow 隐藏框架（这也会隐藏菜单栏）来隐藏本机标题栏。

 mainWindow = new BrowserWindow({
    frame: false
})

请参阅：https: //electronjs.org/docs/api/browser-window

然后，您应该在 HTML、CSS 和 JS 中创建自定义标题栏（或导入第三方库，如 1 或 2 ）。这样，标题栏就位于 Electron 的渲染器进程之下。因此，例如，要在单击 X 按钮时实际退出应用程序，您应该利用 IPC 向主进程发送事件并退出应用程序。

例子：

 # renderer
ipcRenderer.send('app:quit')

# main
ipcMain.on('app:quit', () => { app.quit() })

或者作为替代方案： 在 StackOverflow 上查看此答案

原文由 lucgenti 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

其实现在有办法

看看 这里，很多电子应用程序都在使用它，所以我认为这是双赢……

只需确保先安装它

npm i custom-electron-titlebar

原文由 Egon Stetmann. 发布，翻译遵循 CC BY-SA 4.0 许可协议