Come rimuovo questa barra dei menu dalle mie app di elettroni:

Inoltre dice "Hello World" (è perché ho scaricato electron pre-costruito e andrà via una volta che avrò impacchettato l'applicazione?). Non li ho codificati nell'html, quindi non so come ottenerlo! -

È possibile utilizzare w.setMenu(null)o impostare frame: false(questo rimuove anche i pulsanti per chiudere, ridurre a icona e ingrandire le opzioni) sulla finestra. Vedere setMenu () o BrowserWindow () . Controlla anche questo thread

Electron ora ha win.removeMenu()( aggiunto nella v5.0.0 ), per rimuovere i menu dell'applicazione invece di utilizzare win.setMenu(null).

Electron 7.1.x sembra avere un bug in cui win.removeMenu()non funziona. L'unica soluzione è usareMenu.setApplicationMenu(null)

Usa questo:

mainWindow = new BrowserWindow({width: 640, height: 360})
mainWindow.setMenuBarVisibility(false)

Riferimento: https://github.com/electron/electron/issues/1415

Ho provato mainWindow.setMenu(null), ma non ha funzionato.

Per Electron 7.1.1, puoi usare questo:

const {app, BrowserWindow, Menu} = require('electron')
Menu.setApplicationMenu(false)

Quando impacchettate la vostra app, il menu predefinito non sarà più lì, se questo vi disturba durante lo sviluppo, potete chiamare setMenu(null)nella finestra del browser come suggerito da @TonyVincent.

A partire dalla versione 7.0.0, la maggior parte delle soluzioni di cui sopra non funziona più. BrowserWindow.setMenu()è stato sostituito da Menu.setApplicationMenu(), che ora cambia il menu su tutte le finestre. setMenu(), removeMenu()non fare più nulla, che tra l'altro sono ancora menzionati nei documenti.

setAutoHideMenuBar()funziona ancora, ma potrebbe essere un fastidio se si prevede di utilizzare Alt come modificatore di tasti di scelta rapida. Una volta che il menu è visibile, è necessario fare clic fuori dalla finestra (focus libero) per nascondere nuovamente il menu.

Se la tua applicazione ha più di una finestra, non puoi impostare / rimuovere i menu separatamente su ciascuna finestra. L'unico modo per rimuovere un menu è utilizzare l'approccio della finestra senza cornice. Questo sembra essere quello che voglio nella mia attuale applicazione, ma non è una buona soluzione in tutti i casi.

Il menu può essere nascosto o auto-nascosto (come in Slack o VS Code : puoi premere Alt per mostrare / nascondere il menu).

Metodi rilevanti:

---- win.setMenu (menu) - Imposta il menu come barra dei menu della finestra, impostandolo su null rimuoverà la barra dei menu. ( Questo rimuoverà completamente il menu )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (hide) - Imposta se la barra dei menu della finestra deve nascondersi automaticamente. Una volta impostata, la barra dei menu verrà
visualizzata solo quando gli utenti premono il singolo tasto Alt .

mainWindow.setAutoHideMenuBar(true)

Fonte: https://github.com/Automattic/simplenote-electron/issues/293

C'è anche il metodo per creare una finestra senza cornice come mostrato di seguito:

(nessun pulsante di chiusura, niente. Può essere quello che vogliamo (design migliore))

const { BrowserWindow } = require('electron')
let win = new BrowserWindow({ width: 800, height: 600, frame: false })
win.show()

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

doc: https://electronjs.org/docs/api/frameless-window

Modifica: (nuovo)

win.removeMenu() Linux Windows Rimuovere la barra dei menu della finestra.

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

Aggiunto win.removeMenu () per rimuovere i menu dell'applicazione invece di usare win.setMenu (null)

Questo viene aggiunto dalla v5 come da:

https://github.com/electron/electron/pull/16570

https://github.com/electron/electron/pull/16657

Bug di Electron v7

Per Electron 7.1.1 utilizzare Menu.setApplicationMenuinvece diwin.removeMenu()

come da questa discussione:
https://github.com/electron/electron/issues/16521

E la nota importante è: devi chiamarlo prima di creare la BrowserWindow ! O non funzionerà!

const {app, BrowserWindow, Menu} = require('electron')

Menu.setApplicationMenu(null);

const browserWindow = new BrowserWindow({/*...*/});

UPDATE (Impostazione di autoHideMenuBar nella costruzione BrowserWindow)

Come da @kcpr commento! Possiamo impostare la proprietà e molti sul costruttore

È disponibile sull'ultima versione stabile di electron che è la 8.3!
Ma anche nelle vecchie versioni ho controllato per v1, v2, v3, v4!
È presente in tutte le versioni!

Come da questo link
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

E per la v8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

Il collegamento alla documentazione
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Dal documento per l'opzione:

autoHideMenuBar Boolean (opzionale): nasconde automaticamente la barra dei menu a meno che non venga premuto il tasto Alt. L'impostazione predefinita è false.

Ecco uno snippet per illustrarlo:

let browserWindow = new BrowserWindow({
    width: 800,
    height: 600,
    autoHideMenuBar: true // <<< here
})

@"electron": "^7.1.1" : 

mainWindow = new browserWindow({ height: 500, width: 800});
//mainWindow.setAutoHideMenuBar(true);
mainWindow.autoHideMenuBar = true;

Funziona come previsto senza menu nel browser.

Dopo la risposta da questo problema , è necessario chiamare Menu.setApplicationMenu(null) prima che la finestra venga creata

Prima di questa riga su main.js:

mainWindow = new BrowserWindow({width: 800, height: 900})

mainWindow.setMenu(null) //this will r menu bar

Secondo la documentazione ufficiale @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md il modo corretto per farlo ora dalla 7.1.2 e ho testato anche su 8.0 è:

const { app, Menu } = require('electron')

Menu.setApplicationMenu(null)

Queste soluzioni hanno bug. Quando si usano le soluzioni sotto, le finestre hanno un ritardo alla chiusura.

Menu.setApplicationMenu(null),
&&
const updateErrorWindow = new BrowserWindow({autoHideMenuBar: true});

Ho usato la soluzione sotto. Per ora è meglio.

const window= new BrowserWindow({...});
window.setMenuBarVisibility(false);