Electron 中如何设置 BrowserWindow 的最小化、最大化和关闭？

推荐答案

在 Electron 中，可以通过设置 BrowserWindow 的 minimizable、maximizable 和 closable 属性来控制窗口的最小化、最大化和关闭行为。

// www.javascriptcn.com code example
const { BrowserWindow } = require('electron');

let win = new BrowserWindow({
  width: 800,
  height: 600,
  minimizable: true, // 允许最小化
  maximizable: true, // 允许最大化
  closable: true    // 允许关闭
});

win.loadURL('https://example.com');

• minimizable: 设置为 true 时，窗口可以最小化；设置为 false 时，窗口不能最小化。
• maximizable: 设置为 true 时，窗口可以最大化；设置为 false 时，窗口不能最大化。
• closable: 设置为 true 时，窗口可以关闭；设置为 false 时，窗口不能关闭。

本题详细解读

1. minimizable 属性

minimizable 属性用于控制窗口是否可以最小化。默认情况下，minimizable 为 true，即窗口可以最小化。如果你希望禁用窗口的最小化功能，可以将 minimizable 设置为 false。

minimizable: false // 禁用最小化

2. maximizable 属性

maximizable 属性用于控制窗口是否可以最大化。默认情况下，maximizable 为 true，即窗口可以最大化。如果你希望禁用窗口的最大化功能，可以将 maximizable 设置为 false。

maximizable: false // 禁用最大化

3. closable 属性

closable 属性用于控制窗口是否可以关闭。默认情况下，closable 为 true，即窗口可以关闭。如果你希望禁用窗口的关闭功能，可以将 closable 设置为 false。

closable: false // 禁用关闭

4. 注意事项

• 这些属性只能在创建 BrowserWindow 实例时设置，不能在窗口创建后动态修改。
• 如果你需要动态控制窗口的最小化、最大化和关闭行为，可以通过调用 BrowserWindow 实例的方法来实现，例如 win.minimize()、win.maximize() 和 win.close()。

win.minimize(); // 最小化窗口
win.maximize(); // 最大化窗口
win.close();    // 关闭窗口

通过这些属性和方法，你可以灵活地控制 Electron 窗口的行为，满足不同的应用场景需求。