How to minimize a window from a rendered process in Electron

Electron窗口最小化的处理方式

在Electron中，管理窗口的显示、隐藏或最小化非常直接，我们可以通过控制BrowserWindow 对象来实现。BrowserWindow 是Electron中用于创建和控制窗口的模块。

步骤一：创建窗口

首先，你需要确保已经创建了一个窗口实例。这通常在你的主进程的 main.js 文件中完成：

javascript
const { app, BrowserWindow } = require('electron');

function createWindow () {
  // 创建浏览器窗口
  let win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  // 并且为你的应用加载index.html
  win.loadFile('index.html');
}

app.whenReady().then(createWindow);

步骤二：最小化窗口

对于最小化窗口，你可以使用 minimize 方法。这可以在应用的任何部分调用，只要你有窗口的引用。比如在某个交互按钮的事件处理器中：

javascript
// 假设 'win' 是之前创建的 BrowserWindow 实例
button.addEventListener('click', () => {
  win.minimize();
});

实例讲解

假设你的应用中有一个设置按钮，用户点击后希望应用窗口最小化，以便快速查看桌面上的其他内容。你可以在渲染进程中处理点击事件，并通过IPC（Inter-Process Communication）通信告知主进程最小化窗口：

渲染进程 (renderer.js):

javascript
const { ipcRenderer } = require('electron');

const minimizeBtn = document.getElementById('minimize-btn');
minimizeBtn.addEventListener('click', () => {
  ipcRenderer.send('minimize-window');
});

主进程 (main.js):

javascript
const { ipcMain } = require('electron');

ipcMain.on('minimize-window', (event) => {
  win.minimize();
});

这样，当用户点击界面上的最小化按钮时，渲染进程通过IPC发送一个消息到主进程，主进程接收到消息后调用窗口的 minimize 方法，从而实现窗口的最小化。

通过这样的机制，Electron应用可以灵活控制窗口的显示状态，提高用户体验。