1. 在主进程中设置(创建窗口时)
主进程是 Electron 应用的核心部分,负责管理窗口等重要操作。在主进程文件(通常是`main.js`)中,当创建窗口时,可以直接指定窗口的最小尺寸
const { app, BrowserWindow } = require("electron");function createWindow() {// 创建一个新的浏览器窗口let win = new BrowserWindow({width: 800,height: 600,minWidth: 400,minHeight: 300,});win.loadFile("index.html");}app.on("ready", createWindow);
2. 动态设置最小窗口尺寸(在主进程中)
有时候,你可能需要在应用运行过程中动态地改变窗口的最小尺寸。
const { app, BrowserWindow } = require("electron");let win;function createWindow() {win = new BrowserWindow({width: 800,height: 600,});win.loadFile("index.html");}app.on("ready", createWindow);app.on("activate", () => {if (win === null) {createWindow();}});// 假设这是一个按钮点击事件的处理函数function onButtonClick() {win.setMinimumSize(400, 300);}
3. 在渲染进程中通过 IPC(进程间通信)间接设置
渲染进程负责显示用户界面内容。如果要从渲染进程设置窗口最小尺寸,需要通过 IPC 与主进程通信。
首先,在主进程(`main.js`)中设置 IPC 通信:
const { app, BrowserWindow, ipcMain } = require("electron");let win;function createWindow() {win = new BrowserWindow({width: 800,height: 600,});win.loadFile("index.html");// 监听来自渲染进程的消息ipcMain.on("set - min - size", (event, width, height) => {win.setMinimumSize(width, height);});}app.on("ready", createWindow);app.on("activate", () => {if (win === null) {createWindow();}});
然后,在渲染进程(假设是`index.html`对应的 JavaScript 文件,如`renderer.js`)中发送 IPC 消息来设置最小尺寸:
const { ipcRenderer } = require("electron");function setMinSize() {ipcRenderer.send("set - min - size", 400, 300);}