Supprimer la barre de menus de l'Électron app

Comment puis-je supprimer cette barre de menu de mon électron apps:

Supprimer la barre de menus de l'Électron app

En outre, il dit "Bonjour le Monde"(est-ce parce que j'ai téléchargé électron pré-construit, et disparaîtra une fois que j'package de l'application?). Je n'ai pas de code dans le html, donc je ne sais pas comment faire pour le sortir!-

InformationsquelleAutor Sean Letendre | 2016-08-23
  1. 94

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

    Edit:

    Électrons ont maintenant gagner.removeMenu() (ajouté dans v5.0.0), pour supprimer les menus de l'application au lieu d'utiliser win.setMenu(null).

    • frame: false a fait pour moi.
    • fwiw removeMenu() est Linux & Windows uniquement
    • qu'en est-il des fenêtres ouvertes par la fenêtre.open() dans un déjà ouvert la fenêtre ayant un menu?
    • Electron 7.1.1 a un problème où les setMenu et removeMenu ne fonctionnent plus. lien
    • Ni l'original ou de l'édition de solutions de travail. Ce ne devrait plus être la réponse.
    InformationsquelleAutor Tony Vincent
  2. 42

    Utiliser 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 il ne fonctionne pas.

    • J'ai essayé mainWindow.setMenu(null) avec des électrons 5.0.2 et il ne fonctionne pas de sapin, comme moi aussi. Je ne sais pas pourquoi je vois conseille de l'utiliser partout, et a demander si je suis le seul qui est en train de faire quelque chose de mal. Vos conseils, de l'aide setMenuBarVisibility ,mais supprime la visibilité de la barre de menu, ne pas l'enlever complètement. Il peut être remis en appuyant sur la Alt clé.
    • FWIW: Avec l'Élection 6.0.X ni .setMenu(null) ou .removeMenu() a fonctionné pour moi. .setMenuBarVisibility(false) supprime la barre de menu et le Alt clé ne fonctionne que si .setAutoHideMenuBar(true) est exécuté.
    • +1, dans Arch Linux, setMenu(null) ne fonctionne pas, mais setMenuBarVisibility(false) fonctionne comme prévu (la barre de pas être ramené en appuyant sur la alt clés comme @Artium mentionné).
    • C'est la solution qui a fonctionné pour moi. La réponse est marquée correcte ne fonctionne pas sur Ubuntu 18.04, Électron v6.0.9
    • cela ne fonctionne pas dans l'électronique 7.0.1
    InformationsquelleAutor iHad 169
  3. 8

    De 7.0.0, la plupart des solutions ci-dessus ne fonctionnent plus.
    BrowserWindow.setMenu() a été remplacé par Menu.setApplicationMenu(), qui devient alors le menu sur toutes les fenêtres. setMenu(), removeMenu() de ne plus faire quoi que ce soit, Qui, par la façon dont sont encore mentionnés dans les docs.

    setAutoHideMenuBar() fonctionne toujours, mais peut être une nuisance, si vous avez prévu d'utiliser la touche Alt tout en un raccourci modificateur. Une fois que le menu est visible, vous avez à portée de clic à partir de la fenêtre (perte de focus) pour masquer de nouveau sur le menu.

    Si votre application a plus qu'une fenêtre, vous ne pouvez pas définir/supprimer des menus séparément sur chaque fenêtre. La seule façon de supprimer un menu est d'utiliser la fenêtre sans cadre de l'approche. Ce qui arrive à être ce que je veux dans mon application actuelle, mais pas une bonne solution dans tous les cas.

    • Merci, c'est la seule chose qui fonctionne depuis 7.0! Est-il fait mention de cela dans les docs/changelog/etc?
    • Il y a un problème ouvert dans le projet github lien . Ne sais pas si c'était prévu de dépréciation ou d'un bug.
    InformationsquelleAutor Paul Sorensen
  4. 7

    Lorsque vous créez un package de votre application le menu par défaut ne sera plus là, si c'est qui vous énerve au cours du développement, alors vous pouvez appeler setMenu(null) sur la fenêtre du navigateur, comme suggéré par @TonyVincent.

    • Merci pour la mention que l'emballage, l'application va supprimer le menu par défaut. Je me demandais à propos de ce point.
    InformationsquelleAutor Vadim Macagon
  5. 7

    Le menu peut être caché ou auto-caché (comme dans Mou ou VS Code - vous pouvez appuyez sur la touche Alt pour afficher/masquer le menu).

    Méthodes pertinentes:

    ---- gagner.setMenu(menu) - Définit le menu de la fenêtre de la barre de menu,
    le paramètre null, supprimer la barre de menu. (Cela permettra d'éliminer le menu complètement)

    mainWindow.setMenu(null)


    ---- gagner.setAutoHideMenuBar(cacher) - Indique que la fenêtre de la barre de menu
    doivent masquer automatiquement. Une fois mis en la barre de menu ne

    montrer     lorsque les utilisateurs appuyez sur le seul touche Alt.

    mainWindow.setAutoHideMenuBar(true)

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

    Il y a aussi la méthode de fabrication d'un cadre de fenêtre, comme illustré ci-dessous:

    (pas de bouton de fermeture pas de quoi que ce soit. Peut-être ce que nous voulons (la meilleure conception))

    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 Supprimer la fenêtre de la barre de menu.

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

    Ajouté gagner.removeMenu() pour supprimer les menus de l'application au lieu de l'aide de win.setMenu(null)

    Qui est ajouté à partir de la v5 par:

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

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

    • setAutoHideMenuBar est obsolète
    • La réponse par Edmar ci-dessous est une meilleure version, les dernières de code pour autoHiding le menu
    InformationsquelleAutor Mohamed Allal
  6. 5

    d'électrons 7.1.1 vous pouvez également utiliser cette. Il a travaillé pour moi!

    const {app, BrowserWindow, Menu} = require(‘electron’)
Menu.setApplicationMenu(false)
    • Ce doit être la nouvelle solution retenue.
    • Mise à jour de l'éditer pour moi: Menu.setApplicationMenu(null) travaillé dans 7.1.2 d'Autres solutions n'ont pas fonctionné pour moi!
    InformationsquelleAutor Polyvios P
  7. 2
    @"electron": "^7.1.1" : 

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

    De travail comme prévu sans menu dans le navigateur.

    • (électron) 'setAutoHideMenuBar fonction" est obsolète et sera supprimé. Veuillez utiliser 'autoHideMenuBar propriété" à la place. @"électron": "^7.1.1" : mainWindow = new browserWindow({ height: 500, largeur: 800}); mainWindow.autoHideMenuBar = true;
    InformationsquelleAutor Rachuri
  8. 2

    À la suite de la réponse de ce problème, vous devez appeler Menu.setApplicationMenu(null) avant de la fenêtre est créée

    • Hey, bienvenue à Débordement de Pile! Des liens vers d'autres réponses sont mieux adaptés que les commentaires, plutôt que de réponses. C'est parce que vous ne sont pas réellement l'application de la réponse à la question liée à ce mode scénario spécifique.
    InformationsquelleAutor Kidoncio
  9. 1

    Avant cette ligne à main.js:

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

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