如何在 Electron.js 中最小化和最大化？答案

【问题标题】：How to minimize and maximize in Electron.js?如何在 Electron.js 中最小化和最大化？
【发布时间】：2021-04-11 08:18:19
【问题描述】：

我为关闭、最大化和最小化制作了三个自定义按钮。我的关闭按钮功能正在运行，但我不知道最大化和最小化按钮！实际上，我并不需要最大化按钮，因为我的重点是 Electron.js 中的最小化按钮！

我在互联网上搜索了很多，但我的还是不行！

请帮帮我！

<div class="ctrl-box">
<div class="exit" onclick="window.top.close()">×</div>
<div class="minimize">‒</div>
</div>

【问题讨论】：

【解决方案1】：

最小化：

document.getElementById('minimize').addEventListener('click', () => {
        remote.getCurrentWindow().minimize()
    })

将以上行添加到您的 js 文件中。

在html中改变

<div class="minimize">‒</div>

到

<div class="minimize" id="minimize>‒</div>

最大化：

为了最大化，您必须在 main.js 中设置窗口的属性 max-height 和 max-width

let window = new BrowserWindow({
    //other properties
    maxheight: 720,
    maxwidth: 1366,
    maximizable: true,
    })

在html中改变

<div class="maximize">‒</div>

到

<div class="maximize" id="maximize>‒</div>

之后，将其添加到窗口的 js 文件中。

 document.getElementById('maximize').addEventListener('click', () => {
            remote.getCurrentWindow().maximize()
        })

【讨论】：