关于低版本electron的frameless窗口自定义标题栏时,unmaximize的时候还原窗口尺寸不一致的解决方案

问题:

在创建窗口的时候,使用frame:false时,在maximize的时候,getBounds获取到的尺寸,要比window.screen的availWidth、availHeight的尺寸要大,而且会出现x和y是负数的情况,导致通过setBounds去处理一些显示的问题的时候计算出错。

但是,当你不使用frame:false的时候,那就好好的,为什么呀为什么呀,不用frame:false,又不能很好的去处理自定义标题栏,所以只能硬生生要实现代码来规避这个问题。

直接最大化,在获取尺寸超出有效现实范围时,直接使用availWidth和availHeight去setSize就好,但是这个时候,unmaximize,窗口有出现问题了,取消最大化还原回去的时候,窗口的大小要比放大之前要大一点,如果窗口的显示内容是固定尺寸的话,就会有明显的黑边,真坑爹。

这个时候,只能通过监听一些鼠标事件,在放大之前,将原来的窗口尺寸先记录下来,用于还原的时候设置正确的尺寸。

// 代码以vue script setup 为例

<script setup>
import { onMounted } from 'vue';
import { remote, Rectangle } from 'electron';

const currentWin = remote.getCurrentWindow();

const lastBound = ref<Rectangle>({
  width: 0,
  height: 0,
  x: 0,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值