Electron 窗口标题栏样式：titleBarStyle 属性详解

在 Electron 中，可以使用 'titleBarStyle' 属性来控制窗口的标题栏样式。'titleBarStyle' 属性可以设置为以下三个值之一：

• 'default': 默认的标题栏样式，具有标准的标题栏、窗口控制按钮和窗口标题。
• 'hidden': 隐藏标题栏，但仍然显示窗口控制按钮。
• 'hiddenInset': 隐藏标题栏和窗口控制按钮，窗口的内容会延伸到窗口的顶部。

要使用 'titleBarStyle' 属性，首先需要在创建窗口时将其设置为所需的值，例如：

const { app, BrowserWindow } = require('electron')

function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    titleBarStyle: 'hidden', // 设置为隐藏标题栏的样式
    webPreferences: {
      nodeIntegration: true
    }
  })

  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()

  app.on('activate', function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})

在上面的示例中，我们将 'titleBarStyle' 属性设置为 'hidden'，以隐藏窗口的标题栏。

请注意，'titleBarStyle' 属性只在 macOS 上生效，Windows 和 Linux 上的 Electron 窗口标题栏样式由操作系统控制。