Ответ 1
Вы должны получить доступ к объекту BrowserWindow, созданному вашим основным процессом, и вызвать методы минимизации, максимизации и закрытия. Вы можете получить доступ к этому при помощи модуля 'remote'. Вот пример привязки всех трех кнопок.
const remote = require('electron').remote;
document.getElementById("min-btn").addEventListener("click", function (e) {
var window = remote.getCurrentWindow();
window.minimize();
});
document.getElementById("max-btn").addEventListener("click", function (e) {
var window = remote.getCurrentWindow();
if (!window.isMaximized()) {
window.maximize();
} else {
window.unmaximize();
}
});
document.getElementById("close-btn").addEventListener("click", function (e) {
var window = remote.getCurrentWindow();
window.close();
});
Предполагая, что ваши кнопки min, max, close имеют теги min-btn, max-btn и close-btn, соответственно.
Вы можете просмотреть полную документацию для BrowserWindow вместе с другими функциями, которые могут вам понадобиться здесь: http://electron.atom.io/docs/v0.28.0/api/browser-window/.
Это также может помочь вам взглянуть на учебник, который я написал о создании безхроменного окна, которое выглядит как Visual Studio здесь: http://www.mylifeforthecode.com/making-the-electron-shell-as-pretty-as-the-visual-studio-shell. Ваш вопрос покрывается вместе с некоторыми css, чтобы правильно позиционировать кнопки.