Electron下复用窗口关闭、最小化和最大化按钮

qq_43478653

已于 2024-05-13 15:34:16 修改

阅读量154

点赞数 3

文章标签： electron javascript 前端

于 2024-05-13 14:58:15 首次发布

本文链接：https://blog.csdn.net/qq_43478653/article/details/138803389

版权

在macOS下，创建窗口时设置：

new BrowserWindow({
    titleBarStyle: 'hidden',	// 关闭默认的titlebar
    trafficLightPosition: { x: 18, y: 18 },	// 交通灯距离窗口左侧和窗口上侧的像素距离
})

效果：
在这里插入图片描述

在window下可以这样设置，

new BrowserWindow({
    titleBarStyle: 'hidden',	// 关闭默认的titlebar
    titleBarOverlay: {
      color: '#000000',	// 图标颜色
      symbolColor: '#ffffff',	// 图标的背景颜色（一般和主界面背景颜色一致）
      height: 40	// 按钮高度
    }
})

效果：
在这里插入图片描述