2017-06-16 54 views
0

我是新来的在Windows上写电子。当我创建一个menuTemplate这显示在我打开的所有窗口上。有没有办法让我的mainWindow上出现菜单? (不是弹出窗口创建)电子 - 仅显示主窗口上的菜单

Index.js

const electron = require('electron'); 

const { app, BrowserWindow, Menu } = electron; 

let mainWindow; 
let addWindow; 

app.on('ready',() => { 
    mainWindow = new BrowserWindow({}); 
    mainWindow.loadURL(`file://${__dirname}/main.html`); 
    mainWindow.on('closed',() => app.quit()); 

    const mainMenu = Menu.buildFromTemplate(menuTemplate); 
    Menu.setApplicationMenu(mainMenu); 
}); 

function createAddWindow() { 
    addWindow = new BrowserWindow({ 
    width: 300, 
    height: 200, 
    title: 'Add New Todo' 
    }); 
    addWindow.loadURL(`file://${__dirname}/add.html`) 
} 

const menuTemplate = [ 
    { 
    label: 'File', 
    submenu: [ 
     { 
     label: 'New Todo' , 
     click() { createAddWindow(); } 
     }, 
     { 
     label: 'Quit', 
     accelerator: process.platform === 'darwin' ? 'Command+Q' : 'Ctrl+Q', 
     click() { 
      app.quit(); 
     } 
     } 
    ] 
    } 
]; 

if (process.platform === 'darwin') { 
    menuTemplate.unshift({}); 
} 
+0

你可以使用'CommandOrControl + Q'或'CmdOrCtrl + Q'而不是'process.platform ==='darwin'? 'Command + Q':'Ctrl + Q''。看到[加速器](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) – RoyalBingBong

回答

2

变化Menu.setApplicationMenu(mainMenu);mainWindow.setMenu(mainMenu)

Menu.setApplicationMenu设置菜单为所有 BrowserWindows,而win.setMenu设置它只为它被调用的窗口。

+0

嗯然后每个新窗口默认返回到默认菜单栏?有没有一种简单的方法,使所有新的窗口不使用该默认栏呢? –

+1

使用'Menu.setApplicationMenu(null)'来禁用默认的菜单(Mac将仍然有菜单在最上面)。然后像'mainWindow.setMenu(mainMenu)'一样为你的mainWindow设置菜单。 – RoyalBingBong