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

Question

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

Answer 1

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

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() })

或者作为替代:look this answer here on StackOverflow