1. 在主进程中设置(创建窗口时)
主进程是 Electron 应用的核心部分,负责管理窗口等重要操作。在主进程文件(通常是`main.js`)中,当创建窗口时,可以直接指定窗口的最小尺寸
javascript
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. 动态设置最小窗口尺寸(在主进程中)
有时候,你可能需要在应用运行过程中动态地改变窗口的最小尺寸。
javascript
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 通信:
javascript
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 消息来设置最小尺寸:
javascript
const { ipcRenderer } = require("electron");
function setMinSize() {
ipcRenderer.send("set - min - size", 400, 300);
}