electron 设置界面右下角打开
功能需求场景
写一个可以下载各种平台的小工具,需要右下角打开方便做其它事情
实现基础
要在屏幕的右下角设置窗口,可以调整mainWindow
的创建参数,特别是通过使用x
和y
坐标来定位窗口 ; 需要获取屏幕的尺寸,并据此计算出窗口的位置
代码示例
const { screen } = require('electron');
function createWindow() {
const { width, height } = screen.getPrimaryDisplay().workAreaSize
// Create the browser window.
const mainWindow = new BrowserWindow({
width: 350,
height: 68,
show: false,
x: width - 350, // 屏幕宽度减去窗口宽度,确保窗口靠右
y: height - 68, // 屏幕高度减去窗口高度,确保窗口靠下
...
})
}
需要注意
const { width, height } = screen.getPrimaryDisplay().workAreaSize
这行代码只能写在electron初始化完成之后 , 如代码示例 , 写在开头导入资源中 必报错