How to restore default window size in an electron app?

在使用Electron开发桌面应用时，管理窗口尺寸是一个常见的需求。例如，用户可能会调整窗口大小，而应用可能需要提供一个选项来重置窗口回到默认尺寸。为了实现这一功能，可以采取以下步骤：

1. 定义默认尺寸

首先，需要在创建窗口时确定并定义一个默认窗口尺寸。通常这是在创建BrowserWindow实例时设置的：

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

// 定义默认窗口尺寸
const defaultWidth = 800;
const defaultHeight = 600;

// 创建窗口时使用默认尺寸
let win = new BrowserWindow({
  width: defaultWidth,
  height: defaultHeight
});

2. 实现恢复默认尺寸的功能

为了让用户能够将窗口恢复到默认尺寸，你可以在应用中提供一个选项（例如菜单项或按钮），用户操作后触发窗口尺寸的调整。这可以通过调用窗口实例的setSize方法实现：

javascript
// 重置窗口大小到默认值的函数
function resetWindowSize() {
  if (win) {
    win.setSize(defaultWidth, defaultHeight);
  }
}

// 假设这是菜单中的一个选项
const menuTemplate = [
  {
    label: 'View',
    submenu: [
      {
        label: 'Reset Window Size',
        click: () => {
          resetWindowSize();
        }
      }
    ]
  }
];

3. 考虑窗口重新居中

当窗口大小被重置时，可能也需要考虑将窗口重新居中。Electron的BrowserWindow提供了center方法来实现窗口的居中：

javascript
function resetWindowSize() {
  if (win) {
    win.setSize(defaultWidth, defaultHeight);
    win.center();  // 将窗口居中
  }
}

示例应用场景

假设你正在开发一个文档编辑器，用户可能会更改窗口大小以更好地查看不同的文档。如果用户想要快速返回到应用的标准窗口布局，他们可以使用“重置窗口大小”选项，此时窗口将恢复到初始的800x600尺寸，并重新居中，以便用户可以从标准视图开始他们的工作。

通过以上步骤，你可以在Electron应用中有效地管理和控制窗口大小，提供更加友好和灵活的用户体验。