? Electron 创建一个空白的界面_蜘蛛资讯网 365bet官网 世杯投注365.tv_365bet官网比分_365bet盘口官网

郭跃_Electron 创建一个空白的界面

添加应用

首先添加一个Lorikeet版本的Electron应用。

 1 "use strict"
 2 const electron = require("electron");
 3 const app = electron.app;
 4 const BrowserWindow = electron.BrowserWindow;
 5 
 6 let mainWindow = null;
 7 
 8 app.on("window-all-closed", () => {
 9     if (process.platform !== "darwin") {
10         app.quit();
11     }
12 });
13 
14 app.on("ready", () => {
15     mainWindow = new BrowserWindow();
16     mainWindow.loadURL(`file://${app.getAppPath()}/index.html`);
17     mainWindow.on("closed", () => {
18         mainWindow = null;
19     });
20 });

?

1 " use strict" 2 const electron require" electron" 3 const app electron. app 4 const BrowserWindow electron. BrowserWindow 5 6 let mainWindow null 7 8 app. on" windowallclosed", gt 9 if process. platform ! " darwin" 10 app. quit 11 12 13 14 app. on" ready", gt 15 mainWindow new BrowserWindow 16 mainWindow. loadURL file: app. getAppPath index. html 17 mainWindow. on" closed", gt 18 mainWindow null 19 20 ?

菜单设置

?1. 永久隐藏菜单

const electronMenu=electron.Menu;
electronMenu.setApplicationMenu(null);
另:也可以直接设置mainWindow.setMenu(null);
 1 "use strict"
 2 const electron = require("electron");
 3 const app = electron.app;
 4 const BrowserWindow = electron.BrowserWindow;
 5 const electronMenu=electron.Menu;
 6 
 7 let mainWindow = null;
 8 
 9 app.on("window-all-closed", () => {
10     if (process.platform !== "darwin") {
11         app.quit();
12     }
13 });
14 
15 app.on("ready", () => {
16     electronMenu.setApplicationMenu(null);
17     mainWindow = new BrowserWindow();
18     mainWindow.loadURL(`file://${app.getAppPath()}/index.html`);
19     mainWindow.on("closed", () => {
20         mainWindow = null;
21     });
22 });
View Code

2. 自动隐藏菜单

设置BrowserWindow的属性,autoHideMenuBar: true。
设置autoHideMenuBar隐藏后,按Alt,可显示出菜单选项。
 1 "use strict"
 2 const electron = require("electron");
 3 const app = electron.app;
 4 const BrowserWindow = electron.BrowserWindow;
 5 
 6 let mainWindow = null;
 7 
 8 app.on("window-all-closed", () => {
 9     if (process.platform !== "darwin") {
10         app.quit();
11     }
12 });
13 
14 app.on("ready", () => {
15     mainWindow = new BrowserWindow({autoHideMenuBar:true});
16     mainWindow.loadURL(`file://${app.getAppPath()}/index.html`);
17     mainWindow.on("closed", () => {
18         mainWindow = null;
19     });
20 });
View Code

另:自定义菜单设置,可参考https://segmentfault.com/a/1190000008473121

窗口设置

?直接设置Window的属性

mainWindow = new BrowserWindow({width:600,height:400,icon: "images/myIcon.ico"});
另:如果需要隐藏window的标题栏,可以设置frame:false;

图上:Demo

?

?注:GitHub官方文档与Demo: electron-api-demos-Zh_CN

?

当前文章:http://www.6outlet.com/2a7g/611240-1038917-95623.html

发布时间:07:44:47

香港内部最准一肖一码??168开奖现场下载安装??666060.com??香港六合报纸??050000.com??威尼斯人高手论坛www.8383tm.com??37118最快开奖??www.202090.com??889918.com??498888王中王开奖结果??

[值班总编365bet官网 世杯投注365.tv_365bet官网比分_365bet盘口官网] Node.js(day5)

[值班总编365bet官网 世杯投注365.tv_365bet官网比分_365bet盘口官网] 浙江“亿万富姐”吴英获减刑 由无期减为有期徒刑25年

[值班总编365bet官网 世杯投注365.tv_365bet官网比分_365bet盘口官网] 英特尔10nm芯片延期,分析师:AMD又有机会了

关于蜘蛛资讯网 | 蜘蛛资讯网动态 | 联系我们 | 法律声明 | 蜘蛛资讯网员工 | 蜘蛛资讯网邮箱 | 网站地图

蜘蛛资讯网版权所有