Eya*_*Ron 11 javascript menu electron
电子应用程序打开时出现在电子快速启动示例应用程序中的相同默认菜单以及如何更改它？还尝试了文档上的菜单示例,但没有任何变化.当我用mainWindow.setMenu(null);菜单隐藏菜单时,但仍然无法启动新菜单
有任何想法吗？
平台:Windows 7
电子版:0.36.4
ref文件:
的package.json:
{
"name": "electric_timer",
"version": "0.1.0",
"description": "a Time sheet & project managment",
"main": "app.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "none"
},
"author": "Eyal Ron",
"license": "MIT"
}
app.js:
var app = require('app');
var BrowserWindow = require('browser-window');
app.on('ready', function (){
var mainWindow = new BrowserWindow({
width: 800,
height: 600
});
mainWindow.setMenu(null);
mainWindow.loadUrl('file://' + __dirname + '/main.html');
});
main.js:
var remote = require('remote');
var Menu = remote.require('menu');
var menu = Menu.buildFromTemplate([
{
label: 'Electron',
submenu: [
{
label: 'Prefs',
click: function(){
alert('hello menu');
}
}
]
}
]);
Menu.setApplicationMenu(menu);
main.html中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>electron test</title>
</head>
<body>
<h1>hello world</h1>
<script>requier('./main.js')</script>
</body>
</html>
Electron的'default_app' 设置菜单 ; 如果你想避免这种情况,你需要Electron直接启动你的应用程序,而不是通过默认的应用程序(注意:如果你启动你的应用程序,electron .你实际上启动默认的应用程序).
Electron 在其资源文件夹中查找"app","app.asar"或"default_app",因此为了直接启动您的应用,您需要将其复制或链接到Electron的资源文件夹中.
无论您如何启动应用程序,都可以使用Menu.setApplicationMenu设置菜单 - 您可以在主过程中执行此操作,您无需像在示例中那样在Renderer中执行此操作.顺便说一句,你的main.html中有一个拼写错误(requier而不是require),所以如果这是你的实际代码,它会表明你的main.js根本没有运行.
将自定义菜单的逻辑放入app('ready') 事件回调中。尝试以下代码示例
const {app, BrowserWindow, Menu} = require('electron');
let mainWindow;
let menuTemplate = [
{
label: "Window Manager",
submenu: [
{ label: "create New" }
]
},
{
label : "View",
submenu : [
{ role : "reload" },
{ label : "custom reload" }
]
}
];
function appInit () {
// Create the browser window.
mainWindow = new BrowserWindow({width: 800, height: 600})
// and load the main.html of the app.
mainWindow.loadFile('main.html')
let menu = Menu.buildFromTemplate(menuTemplate);
Menu.setApplicationMenu(menu);
}
app.on('ready', () => {
appInit();
})
| 归档时间： |
|
| 查看次数： |
10572 次 |
| 最近记录： |