当前位置: 首页 > article >正文

electron 设置最小窗口缩放

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);

}


http://www.kler.cn/a/382659.html

相关文章:

  • OpenCV视觉分析之目标跟踪(12)找到局部的最大值函数meanShift()的使用
  • 【自用】时序数据库、时序数据库,IOTDB官方文档笔记
  • 华为OD机试真题(Python/JS/C/C++)- 考点 - 细节
  • AAA 数据库事务隔离级别及死锁
  • 注意力机制的实现
  • 解决使用Golang的email库发送qq邮件报错short response,错误类型为textproto.ProtocolError
  • Java | Leetcode Java题解之第542题01矩阵
  • 高频面试题(含笔试高频算法整理)基本总结回顾32
  • RxJava最全面试题及参考答案
  • Linux qt下是使用搜狗輸入發
  • 全网最适合入门的面向对象编程教程:58 Python字符串与序列化-序列化Web对象的定义与实现
  • Android中Activity启动的模式
  • 算法——双指针
  • macOS15.1及以上系统bug:开发者证书无法打开,钥匙串访问无法打开一直出现图标后立马闪退
  • [项目] C++基于多设计模式下的同步异步日志系统
  • 【青牛科技】GC2803:白色家电与安防领域中 ULN2803 的卓越替代者
  • Laravel/Sail 中修改npm源的问题
  • 京津冀自动驾驶技术行业盛会|2025北京自动驾驶技术展会
  • WPF中如何简单的使用CommunityToolkit.Mvvm创建一个项目并进行 增删改查
  • RFID标签实现托盘智能化管理
  • 系统聚类的分类数确定——聚合系数法
  • 【学术精选】SCI期刊《Electronics》特刊“New Challenges in Remote Sensing Image Processing“
  • EasyExcel 学习之 导出 “提示问题”
  • 基于 Encoder-Decoder 架构的大语言模型
  • C++之list的使用
  • 02- 模块化编程-006 ADC0808数码显示对比