安庆市网站建设公司,如何做产品网站推广,做的高大上的网站,网站建设好之后怎么上传东西在main.js文件中#xff0c;创建窗口时会设置窗口的大小#xff0c;其实还有很多其他属性#xff0c;可以根据实际需求选择设置#xff0c;但部分属性存在局限性#xff0c;官网也有明确告知#xff1a;自定义窗口 | Electron (electronjs.org)
项目文件目录如下#x…在main.js文件中创建窗口时会设置窗口的大小其实还有很多其他属性可以根据实际需求选择设置但部分属性存在局限性官网也有明确告知自定义窗口 | Electron (electronjs.org)
项目文件目录如下 一、必要属性3个
width、height、webPreferences
一般初始化窗口有这三个属性就可以了 // 设置窗口大小const win new BrowserWindow({/* -----以下3个为必要项----- */width: 800,height: 600,webPreferences: {// __dirname 指向当前正在执行的脚本的路径,在这里指向项目的根文件夹preload: path.join(__dirname, preload.js)},})
二、可选属性
以下是我自己收集的一部分属性不是全部欢迎大家补充 // 设置窗口大小const win new BrowserWindow({/* -----以下3个为必要项----- */width: 800,height: 600,webPreferences: {// __dirname 指向当前正在执行的脚本的路径,在这里指向项目的根文件夹preload: path.join(__dirname, preload.js)},/* -----以下为可选项----- */// x: 100,// y: 50, // 窗口坐标// show: false, // 是否展示窗体,默认展示,不展示看不了内容哇,哈哈哈// maxWidth: 1200,// maxHeight: 800,// minWidth: 300,// minHeight: 500,// resizable: false, // 是否可以缩放// frame: false, // 无边框窗口(只保留主体部分,标题、icon、菜单栏、收起/全屏/关闭选项等全部隐藏)// transparent: true, // 窗口是否透明当打开开发者工具时,窗口不透明// autoHideMenuBar: true // 隐藏菜单// title: 测试-electron, // 这里设置了标题,页面中就不能再有title标签// icon: ./img/cat.jpg, // icon图标// movable: true, // 窗口是否可移动// minimizable: false, // 窗口是否可以最小化// maximizable: true, // 窗口是否可以最大化// fullscreenable: true, // 窗口是否可以进入全屏状态// closable: true, // 窗口是否可以关闭}) 1.窗口坐标
设置窗口坐标后窗口打开会自动定位到屏幕对应位置
x: 100,
y: 50, 2.是否展示窗体
如果不写这个属性默认是展示窗体一般都是展示窗体不展示就没有窗体弹出啥都看不了但是有不展示的需求可以设置为false
show:true // true展示 false不展示 3.设置最大/最小宽高
具体数值根据需求来 maxWidth: 1200,maxHeight: 800,minWidth: 300,minHeight: 500, 4.是否可以缩放
默认可缩放不需要缩放就设置成false
resizable: true // true缩放 false不能缩放 5.无边框窗口
只保留主体部分标题、icon、菜单栏、收起/全屏/关闭选项等全部隐藏
frame: false // true不隐藏 false隐藏 6.窗口是否透明
当打开开发者工具时就算设置了也还是不透明 。。。
transparent: true // true透明 false不透明 7.是否隐藏菜单
autoHideMenuBar: true // true隐藏 false不隐藏 8.窗口是否可移动
movable: true // true可移动 false禁止移动 9.窗口是否可最小化
minimizable: false // true可以 false不可以 10.窗口是否可最大化
maximizable: false // true可以 false不可以 11.窗口是否可进入全屏状态
点击缩放按钮时如果不想切换到全屏状态就要设置maxWidth、maxHeight两个属性不设置时默认切换缩放为全屏模式
fullscreenable: false // true切换全屏模式 false切换最大化窗口也就是要设置最大宽高
maxWidth: 900,
maxHeight: 800, 12.窗口是否可以关闭
closable: false // true可以 false不可以 13.设置标题
title: 测试-electron, // 这里设置了标题,页面中就不能再有title标签 14.设置icon图标
icon: ./img/cat.jpg, // icon图标 各个属性如果组合使用也会有不一样的效果比如同时设置禁止最大/最小化两个按钮直接不显示了就不在此一一列举了。。。
minimizable: false, // 窗口是否可以最小化
maximizable: false, // 窗口是否可以最大化
