Electron 中如何控制 BrowserWindow 的显示和隐藏？

推荐答案

在 Electron 中，可以通过 BrowserWindow 实例的 show() 和 hide() 方法来控制窗口的显示和隐藏。

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

// 创建一个新的 BrowserWindow 实例
let win = new BrowserWindow({ width: 800, height: 600 });

// 显示窗口
win.show();

// 隐藏窗口
win.hide();

本题详细解读

1. show() 方法

show() 方法用于显示一个隐藏的 BrowserWindow 窗口。如果窗口已经显示，调用此方法不会有任何效果。

win.show();

2. hide() 方法

hide() 方法用于隐藏一个显示的 BrowserWindow 窗口。如果窗口已经隐藏，调用此方法不会有任何效果。

win.hide();

3. 其他相关方法

• isVisible()：返回一个布尔值，表示窗口当前是否可见。
• isMinimized()：返回一个布尔值，表示窗口是否最小化。
• isMaximized()：返回一个布尔值，表示窗口是否最大化。

if (win.isVisible()) {
  console.log('窗口当前是可见的');
} else {
  console.log('窗口当前是隐藏的');
}

4. 事件监听

你还可以通过监听窗口的 show 和 hide 事件来执行一些操作。

win.on('show', () => {
  console.log('窗口显示了');
});

win.on('hide', () => {
  console.log('窗口隐藏了');
});

通过这些方法和事件，你可以灵活地控制 BrowserWindow 的显示和隐藏，以满足应用程序的需求。