是否可以对Electron设置不改变外框大小？

Question

Electron 是否可以设置外框不能拖拽变化大小？

比如：
VSCode是Electron开发的，

1、我想设置一个参数，然后最最外面的框是不能左右上下拉动变化软件界面大小的。

2、Electron是否还有功能做到里面的split view 也不能改变大小呢？也就是说这些README.md/资源管理器这样的子框。（我指的是针对electron而言的，而不是只针对VSCode）。

Answer 1

在构造 BrowserWindow 时，将 resizable 设置为 false。

参见：https://www.electronjs.org/zh/docs/latest/api/browser-window#...

• resizable boolean (可选) - 窗口大小是否可调整。 默认值为 true。

对于你所说的 split view 固定大小的问题，这部分是你自己写的前端页面，你可以自由设置。

Answer 2

你可以通过在 Electron 程序中设置窗口属性来禁用窗口的大小调整功能。具体来说，你可以在创建窗口时，通过设置 resizable 属性为 false 来禁用窗口大小调整功能，如下所示：

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

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    resizable: false, // 禁用窗口大小调整功能
    webPreferences: {
      nodeIntegration: true
    }
  })

  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()

  app.on('activate', function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})

上面的代码中，将 resizable 属性设置为 false，即可禁用窗口大小调整功能。如果你不想让子窗口（例如 README.md 和资源管理器）的大小调整，可以在子窗口中设置相同的属性。

需要注意的是，如果你禁用了窗口大小调整功能，用户将无法通过拖动窗口边缘来调整窗口大小。因此，在禁用该功能时，你可能需要手动设置合适的窗口大小，以确保窗口能够正常显示你的应用程序。