【Electron-Vue】构建桌面应用（39）-Electron窗口最小化恢复后窗口大小发生变化

最新推荐文章于 2025-03-11 16:55:40 发布
原创 最新推荐文章于 2025-03-11 16:55:40 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron窗口最小化 #恢复窗口大小发生变化

在使用Electron-vue构建的桌面应用中遇到窗口最小化后恢复时大小变化的问题，作者发现该问题在Electron 7.3.3版本中仍然存在，而在10.4.7版本中得到解决。尽管尝试设置窗口大小和resizable属性并未奏效，但升级到Electron 10.x及以上版本可以避免这个问题。作者建议开发者在遇到问题时，应优先考虑在专业论坛如github和StackOverflow寻找解决方案。

在使用Electron-vue构建桌面应用的时候，发现最小化之后，恢复窗口会导致窗口大小发生变化。我设置的height为150，当最小化后，点击任务栏中的应用时，恢复窗口展示，会发现窗口height变为179 ，比原先的要高出20多。当你拖拽后，窗口大小又恢复正常为150px。

然后去github上找相应的问题，发现挺多人都碰到这种问题。这是Electron自身的BUG。开发人员在测试的时候也出现过这种偏差：
在这里插入图片描述
出现的偏差在不同的环境中可能会有差异，官方给出的回复是在2016年，所以我查看了我是用的electron版本为7.3.3是去年的版本，按道理应该已经解决了，但是很不幸的是确实在7.3.3上依旧存在这个问题。

有意思的是在github上有个小伙从7.x到9.x全部做了测试，然后依然会出现这个问题。所以我就尝试更新到10.x版本，结果在v10.4.7版本下，这个问题就没有复现了，应该是解决了。我在package.json中配置的是"electron": "^10.0.0"，安装后指定的稳定版本就是v10.4.7。

10.x以上的版本解决这个问题，10.x以下的版本没有测试，暂不知道。由于Electron-Vue自身框架的原因，我没有升级到最新版本即13.x，因为升级后所用到的required<

最低0.47元/天 解锁文章
Electron 改变窗口大小 setSize失效
07-21 3885
直接 会直接看到大小变化，放在普通场景算正常，但是如果类似从登录界面切换到主界面或者从主界面切换到登陆页面，这时候直接变化大小看起来很奇怪，最好需要做点处理过渡一下。1、初始化窗口的函数 2、新建监听，用于设置窗口信息，延迟展示窗口 说明：关键代码在 ，先改成透明，然后设置大小、标题等等，然后执行最小化，最后延迟展示。注意代码顺序也会影响执行结果.........
【Eelectron-vue】构建桌面应用（16）-electron窗口大小设置
chenqk_123的专栏
10-26 7354
在使用electron进行桌面开发时，会随着业务的需要动态的改变窗口的大小，比如从登陆窗口跳转到主页面的时候需要去改变大小，退出登陆的时候也需要改变大小。发现在使用setSize去设置大小的时候，会出现有的时候可以改变大小，有的时候改变不了，经过一番尝试，可以和最大值最小值一起设置，无论在什么情况下都能改变大小。 import { app, BrowserWindow, ipcMain, Tray, Menu, dialog } from 'electron' let mainWindow mainWin
electron窗口大小改变后自动刷新页面的问题
我是死宅萝莉控的博客
10-15 4302
无意中发现了electron窗口大小改变后会自动刷新页面，然后找了半天没有发现相关的配置，然后改了了想法，是否可以固定窗口大小来限制bug的出现，然后找到了resizable:false属性，可以去限制不允许改变窗口大小，但是又出现了新的问题，窗口最小化后在打开会出现窗口高度减小的问题，同时会触发之前的bug，bug出现原因是electron4.05以及以下版本，win10环境，设置了resizable为false，并且存在顶部菜单的情况下，就会触发本文描述的bug。bug的现象是：最小化窗体后，再点击出来
electron实现仿pc登录和首页窗口尺寸不同的效果
qq_36316660的博客
04-15 1143
ipcMain.on("close",()=>{win.close()}) //win是要关闭的登录窗口的名称。5.这里有一个注意点，因为是新建了一个窗口，所以需要把原先的窗口关闭，也是使用同样的方法.4.background.js文件中使用ipcMain进行监听发送过来的数据，新建窗口。登录按钮监听点击事件，进行发送命令。1.在background.js主进程中先设置登录窗口的大小。2.创建一个新的js文件，将ipcRenderer引入。(2）在新建的js文件中引入判断条件。
问题解决之Electron最小化后任务栏恢复无法全屏问题
两岁半的专栏
05-19 1167
问题解决之Electron最小化后任务栏恢复无法全屏问题 解决方法： ipcMain.on('activate', e => { win.setFullScreen(true); win.maximize() });
Linux圆角窗口,在deepin 20中出现electron窗口圆角处有不透明黑色的处理
weixin_29557457的博客
05-13 1019
在deepin 20系统中electron设置好圆角后，仍然在窗口的左右上下四个圆角处有不透明的黑色，如下图所示。正常情况下应该是白色，无任何黑色的出现，这样很影响美观。相关信息main.js:frame: falsetransparent:trueindex.html中已经设置好body透明。终端执行：electron . --enable-transparent-visuals --disab...
electron-vue开发桌面应用界面模板
11-01
1. **最大最小化问题**：在开发桌面应用时，通常需要实现窗口的最大化和最小化功能。这个模板已经解决了这个问题，开发者可以直接使用，无需额外处理这些细节。 2. **主题变色问题**：这可能是指模板提供了动态改变...
基于Electron-Vue和Vuetify的全功能桌面记账程序设计源码
09-23
技术选型方面，Electron-Vue是将Electron框架和Vue.js结合的一种技术实现方式，它允许开发者使用Vue.js作为前端框架，结合Electron的跨平台能力，制作出同时具备桌面应用体验和Web应用灵活性的桌面应用程序。...
基于Electron-Vue的桌面记账应用支持自动更新与托盘最小化
该Electron桌面记账程序项目是一个功能完整、结构清晰且具备现代桌面应用特性的开发实践案例，技术栈采用 **Electron + Vue.js + Vuetify**，实现了包括开机自动启动、托盘最小化、系统通知闪烁提醒、自动更新机制...
electron在最小化窗口后，任务栏右键关闭再托盘唤起黑屏的解决方法
AzeShinja的博客
08-17 1839
使用restore方法还原最小化窗口后展示黑屏的解决方方法
Electron-vue：Windows与Mac动态调整窗口高度
itlsq的博客
08-25 1870
Electron-vue动态调整窗口大小，兼容Windows与Mac
electron-vue设置窗口固定大小，只能放大不能缩小
stefanie_sun723的博客
06-20 2549
在index.js中添加minHeight、minWidth属性值
electron-vue不同窗口切换改变窗口大小，以及setSize失效问题
ajiejie66的博客
09-02 1758
【代码】electron-vue不同窗口切换改变窗口大小，以及setSize失效问题。
electron ant-design-vue 不能用_electron-vue跨平台桌面应用开发实战教程（三）——动态修改窗口大小...
weixin_39868663的博客
10-29 528
> 前边两篇文字简单介绍了一下怎么搭建electron-vue项目，主进程的基本配置，主进程和渲染进程之间的通讯。本文我们主要来讲解下如何动态的修改窗口大小。 通常很多桌面应用，初次打开都需要登录，登录窗口比较小，登录成功之后展示一个更大的窗口，展示登录后的信息。例如QQ，钉钉，有道云笔记这些应用。那么本文就来演示下如果做到这个功能，我们先做一下准备工作，我们会开发一个简单的小应用来给大...
electron electron-vue放大、缩小、关闭、恢复窗口大小
weixin_43294560的博客
09-13 8383
方式一: import {remote} from 'electron' 缩小: remote.getCurrentWindow().minimize(); 放大: remote.getCurrentWindow().maximize(); 判断是否处于最大化: remote.getCurrentWindow().isMaximized() 恢复： remote.getCurrentWindow().restore(); 关闭: remote.getC
记Electron的踩的坑；关于 resizable: false和自定义窗口最大化和恢复时候遇到的问题、关于 设置了frame: false 的无边框窗口的拖动问题；
ddx2019的博客
06-13 1万+
一、问题描述 new BrowserWindow的时候，通过 resizable: false 设置了禁止改变主窗口尺寸,通过 frame: false设置为无边框窗口，设置过后，win.isMaximized()总是返回false，win.restore();也无法恢复到原始窗口大小，此时我自定义的最大化恢复功能无法实现； // 窗口 最大化、恢复 ipcMain.on('window-max', function() { if (win.isMaximized()) { w
Electron无边框自定义窗口拖动的问题小结
菜鸟教程
05-08 1727
到此这篇关于Electron无边框自定义窗口拖动的文章就介绍到这了,更多相关Electron自定义窗口拖动内容请搜索网赚博客https://www.piaodoo.com/以前的文章或继续浏览下面的相关文章希望大家以后多多支持网赚博客https://www.piaodoo.com/！教程下载地址： 网赚博客https://www.piaodoo.com/创业项目排行榜前十名https://www.piaodoo.com/茂名一技http://www.enechn.com/// 如果窗口已销毁。
Electron无边框窗口（最小化、最大化、关闭、拖动）以及动态改变窗口大小
热门推荐
WWF_HelloWorld
10-27 4万+
文章目录一、目标原型1. 目标2. 原型设计3. 原型初步实现二、无边框窗口1. 要点2. 改造三、可拖拽区1. 要点2. 改造四、最小化、最大化、关闭1. 要点2. 改造五、动态改变窗口大小1. 要点2. 改造六、实例源码下载 一、目标原型 1. 目标 实现一个无边框窗口，包括最小化、最大化、关闭、拖动等功能 动态改变窗口大小，即在页面跳转的时候根据需要改变窗口大小 2. 原型设计 (1) ...
Electron窗口拖拽时窗口变大的问题的解决方案
最新发布
kisamahigashi的博客
03-11 1005
如何解决Electron窗口拖拽时窗口尺寸改变的问题
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值