設置窗口的標題欄顏色 - electron.js

Question

我想更改我的電子應用程序的Windows版本的標題欄的顏色。目前它是白色的，我如何將它改爲例如藍色？

Answer 1

有沒有辦法在目前以自定義本地標題欄。所以，第一步是通過告訴你的BrowserWindow隱藏框架來隱藏本地標題欄（這也會隱藏菜單欄）。

mainWindow = new BrowserWindow({ 
    frame: false 
}) 

見：https://electronjs.org/docs/api/browser-window

然後，您應該創建自定義標題欄（或導入第三方庫像1或2）的HTML，CSS和JS。 這樣，標題欄將存在於Electron中的渲染器進程下。因此，實際上在單擊X按鈕時退出應用程序，您應該利用IPC將事件發送到主進程並退出應用程序。

例子：

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

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

或者作爲一種替代方案：look this answer here on StackOverflow

Answer 2

您必須隱藏窗口標題欄和HTML，CSS，JS建立一個新的窗口標題欄..