无框窗口中的自定义关闭按钮(ElectronJS)

Question

我创建了一个无框架按钮，我想有一个关闭和最小化按钮，我创建了按钮，但如何在点击后关闭窗口？我希望该脚本也与index.js在单独的文件中。

Answer 1

您可以使用ipcMain和ipcRenderer

在main.js 中

ipcMain.on("CLOSE-APP", (event) => {
applicationWindow.close();//applicationWindow is global variable for browser window
});
ipcMain.on("MINIMIZE-APP", (event) => {
applicationWindow.minimize();//applicationWindow is global variable for browser window
});
ipcMain.on("MAXIMIZE-APP", (event) => {
applicationWindow.maximize();//applicationWindow is global variable for browser window
});

在render.js 中

$('#close-btn').on('click', () => {
ipcRenderer.send("CLOSE-APP");
});
$('#minimize-btn').on('click', () => {
ipcRenderer.send("MINIMIZE-APP");
});
$('#maximize-btn').on('click', () => {
ipcRenderer.send("MAXIMIZE-APP");
});

除此之外，您还可以使用预加载脚本在整个应用程序中使用它，只需在一个位置定义它。