Electron窗口尺寸

Electron窗口尺寸

属性

BrowserWindow与窗口尺寸有关的属性大致有这些

• x 窗口左上角横坐标
• y 窗口左上角纵坐标
• show 创建一个窗口对象后是否显示，默认为true
• width 窗口宽
• height 窗口高
• maxWidth 最大宽度
• maxHeight 最大高度
• minWidth 最小宽度
• minHeight 最小高度
• resizable 窗口是否可拉伸缩放

代码演示

创建窗口对象

let mainWin = new BrowserWindow({
    x: 900,
    y: 100,
    show: false,
    width: 800,
    height: 400,
    maxWidth: 1000,
    maxHeight: 600,
    minWidth: 300,
    minHeight: 200,
    resizable: false
})

对于show属性，建议设置为false。

因为弹出窗体与显示窗体内的文本不是同步的，会存在短暂的一段窗体空白无加载的时间，为了解决这个问题，将show属性设置为false，然后监听ready-on-show事件，当窗口准备好了再显示。

需要在loadFile方法下一行添加代码

mainWin.on('ready-to-show', () => {
	mainWin.show()
})