使用 JS 在 MacOS 上最大化全屏

Question

我正在为我的 React/Electron 应用程序创建一些自定义的 MacOS“交通灯”。我已经设法让关闭和最小化按钮工作得很好，但是，我的最大化（绿色）按钮会全屏显示，但是当再次点击它时它不会恢复正常。

这是我调用按钮的函数的代码：https://sourceb.in/8f930dc034.js

任何帮助或建议将不胜感激。

Answer 1

尝试使用currentWindow.isFullScreen() 而不是currentWindow.isMaximized()。

您使用currentWindow.isMaximized() 来检查您是否已全屏，而您应该使用currentWindow.isFullScreen()。

请参阅文档：currentWindow.isFullScreen()

---

旧答案：

我在创建自己的交通信号灯时也遇到了问题，但事实证明 Electron 可以使用 titleBarStyle 选项为您完成此任务。

使用它：

var winObj = new BrowserWindow({
    titleBarStyle:   'hidden',
});

这将在右上角的窗口角落创建一些原生交通信号灯。

以下是titleBarStyle 选项的不同值：

default

• 标准灰色不透明 Mac 标题栏中的结果。

hidden（在示例中使用）。

• 导致隐藏的标题栏和完整大小的内容窗口，但标题栏的左上角仍有标准窗口控件（“红绿灯”）。

hiddenInset

• 导致隐藏的标题栏具有另一种外观，其中交通信号灯按钮从窗口边缘稍微插入。

试一试，看看什么对你有用。

查看BrowserWindow options 的文档（搜索titleBarStyle）。