问题:
在创建窗口的时候,使用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,