Comment supprimer cette barre de menus de mes applications électroniques:

Il dit aussi "Hello World" (est-ce parce que j'ai téléchargé électron pré-construit, et disparaîtra une fois que j'emballerai l'application?). Je ne les ai pas codés dans le html, donc je ne sais pas comment les sortir! -

Vous pouvez utiliser w.setMenu(null)ou définir frame: false(cela supprime également les boutons pour fermer, réduire et agrandir les options) sur votre fenêtre. Voir setMenu () ou BrowserWindow () . Vérifiez également ce fil

Electron a maintenant win.removeMenu()( ajouté dans la v5.0.0 ), pour supprimer les menus d'application au lieu d'utiliser win.setMenu(null).

Electron 7.1.x semble avoir un bogue où win.removeMenu()ne fonctionne pas. La seule solution de contournement consiste à utiliserMenu.setApplicationMenu(null)

Utilisez ceci:

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

Référence: https://github.com/electron/electron/issues/1415

J'ai essayé mainWindow.setMenu(null), mais cela n'a pas fonctionné.

Pour Electron 7.1.1, vous pouvez utiliser ceci:

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

Lorsque vous empaquetez votre application, le menu par défaut ne sera plus là, si cela vous dérange pendant le développement, vous pouvez appeler setMenu(null)la fenêtre du navigateur comme suggéré par @TonyVincent.

Depuis la version 7.0.0, la plupart des solutions ci-dessus ne fonctionnent plus. BrowserWindow.setMenu()a été remplacé par Menu.setApplicationMenu(), qui modifie désormais le menu de toutes les fenêtres. setMenu(), removeMenu()ne faites plus rien, qui sont d'ailleurs toujours mentionnés dans la documentation.

setAutoHideMenuBar()fonctionne toujours, mais pourrait être une nuisance si vous prévoyez d'utiliser Alt comme modificateur de raccourci clavier. Une fois le menu visible, vous devez cliquer en dehors de la fenêtre (mise au point lâche) pour masquer à nouveau le menu.

Si votre application comporte plusieurs fenêtres, vous ne pouvez pas définir / supprimer des menus séparément dans chaque fenêtre. La seule façon de supprimer un menu est d'utiliser l'approche de la fenêtre sans cadre. C'est ce que je souhaite dans mon application actuelle, mais ce n'est pas une bonne solution dans tous les cas.

Le menu peut être masqué ou masqué automatiquement (comme dans Slack ou VS Code - vous pouvez appuyer sur Alt pour afficher / masquer le menu).

Méthodes pertinentes:

---- win.setMenu (menu) - Définit le menu comme la barre de menus de la fenêtre, le définir sur null supprimera la barre de menus. ( Cela supprimera complètement le menu )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (hide) - Définit si la barre de menus de la fenêtre doit se cacher automatiquement. Une fois définie, la barre de menus ne
s'affiche que lorsque les utilisateurs appuient sur la touche Alt unique .

mainWindow.setAutoHideMenuBar(true)

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

Il existe également la méthode pour créer une fenêtre sans cadre comme indiqué ci-dessous:

(pas de bouton de fermeture, rien. Peut être ce que nous voulons (meilleur design))

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

Edit: (nouveau)

win.removeMenu() Linux Windows Supprimez la barre de menus de la fenêtre.

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

Ajout de win.removeMenu () pour supprimer les menus de l'application au lieu d'utiliser win.setMenu (null)

Cela est ajouté à partir de la v5 selon:

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

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

Bogue Electron v7

Pour Electron 7.1.1, utilisez Menu.setApplicationMenuau lieu dewin.removeMenu()

selon ce fil:
https://github.com/electron/electron/issues/16521

Et la grande note est: vous devez l'appeler avant de créer le BrowserWindow ! Ou cela ne fonctionnera pas!

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

Menu.setApplicationMenu(null);

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

UPDATE (Définition de autoHideMenuBar sur la construction BrowserWindow)

Comme par @kcpr comment! Nous pouvons définir la propriété et beaucoup sur le constructeur

C'est disponible sur la dernière version stable d'électron maintenant qui est 8.3!
Mais aussi dans les anciennes versions, j'ai vérifié les v1, v2, v3, v4!
C'est là dans toutes les versions!

Selon ce lien
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

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

Le lien doc
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

De la doc pour l'option:

autoHideMenuBar Boolean (facultatif) - Masque automatiquement la barre de menus à moins que la touche Alt ne soit enfoncée. La valeur par défaut est false.

Voici un extrait pour l'illustrer:

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;

Fonctionne comme prévu sans menu dans le navigateur.

Suite à la réponse de ce problème , vous devez appeler Menu.setApplicationMenu(null) avant la création de la fenêtre

Avant cette ligne sur main.js:

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

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

Selon la documentation officielle @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md, la bonne façon de le faire maintenant depuis 7.1.2 et j'ai testé il est également sur 8.0:

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

Menu.setApplicationMenu(null)

Ces solutions ont un bug. Lorsque vous utilisez des solutions ci-dessous, les fenêtres ont un retard à la fermeture.

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

J'ai utilisé la solution ci-dessous. C'est mieux pour le moment.

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