電子 - 僅顯示主窗口上的菜單

我是新來的在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({}); 
}

來源

2017-06-16 David Brierton

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

變化Menu.setApplicationMenu(mainMenu);到mainWindow.setMenu(mainMenu)。

Menu.setApplicationMenu設置菜單爲所有 BrowserWindows，而win.setMenu設置它只爲它被調用的窗口。

來源

2017-06-17 16:59:12 RoyalBingBong

嗯然後每個新窗口默認返回到默認菜單欄？有沒有一種簡單的方法，使所有新的窗口不使用該默認欄呢？ –

使用'Menu.setApplicationMenu（null）'來禁用默認的菜單（Mac將仍然有菜單在最上面）。然後像'mainWindow.setMenu（mainMenu）'一樣爲你的mainWindow設置菜單。 – RoyalBingBong

電子 - 僅顯示主窗口上的菜單

回答

相關問題