Jak usunąć ten pasek menu z moich aplikacji electron:

Jest tam również napisane „Hello World” (czy to dlatego, że pobrałem wstępnie skompilowaną aplikację Electron i zniknie ona po spakowaniu aplikacji?). Nie zakodowałem ich w html, więc nie wiem, jak to usunąć! -

Możesz użyć w.setMenu(null)lub ustawić frame: false(usuwa to również przyciski zamykania, minimalizowania i maksymalizowania opcji) w oknie. Zobacz setMenu () lub BrowserWindow () . Sprawdź również ten wątek

Electron ma teraz win.removeMenu()( dodany w wersji 5.0.0 ), aby usunąć menu aplikacji zamiast używać win.setMenu(null).

Wygląda na to, że Electron 7.1.x ma błąd, win.removeMenu()który nie działa. Jedynym obejściem jest użycieMenu.setApplicationMenu(null)

Użyj tego:

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

Źródła: https://github.com/electron/electron/issues/1415

Próbowałem mainWindow.setMenu(null), ale to nie zadziałało.

W przypadku Electron 7.1.1 możesz użyć tego:

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

Kiedy spakujesz swoją aplikację, domyślne menu nie będzie już dostępne, jeśli przeszkadza ci to podczas programowania, możesz wywołać setMenu(null)okno przeglądarki zgodnie z sugestią @TonyVincent.

Od wersji 7.0.0 większość powyższych rozwiązań już nie działa. BrowserWindow.setMenu()został zastąpiony przez Menu.setApplicationMenu(), który teraz zmienia menu we wszystkich oknach. setMenu(), removeMenu()już nic nie rób, o czym nawiasem mówiąc nadal wspomina się w dokumentacji.

setAutoHideMenuBar()nadal działa, ale może być uciążliwy, jeśli planujesz użyć Alt jako modyfikatora skrótu. Gdy menu jest widoczne, musisz kliknąć poza oknem (stracić ostrość), aby ponownie je ukryć.

Jeśli twoja aplikacja ma więcej niż jedno okno, nie możesz ustawiać / usuwać menu oddzielnie w każdym oknie. Jedynym sposobem usunięcia menu jest użycie bezramkowego podejścia do okna. Tak się składa, że ​​właśnie tego chcę w mojej obecnej aplikacji, ale nie we wszystkich przypadkach jest to dobre rozwiązanie.

Menu może być ukryte lub automatycznie ukryte (jak w Slack lub VS Code - możesz nacisnąć Alt, aby wyświetlić / ukryć menu).

Odpowiednie metody:

---- win.setMenu (menu) - Ustawia menu jako pasek menu okna, ustawienie go na null usunie pasek menu. ( Spowoduje to całkowite usunięcie menu )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (hide) - Ustawia, czy pasek menu okna ma się ukrywać automatycznie. Po ustawieniu pasek menu będzie
wyświetlany tylko wtedy, gdy użytkownicy naciśną pojedynczy klawisz Alt .

mainWindow.setAutoHideMenuBar(true)

Źródło: https://github.com/Automattic/simplenote-electron/issues/293

Istnieje również metoda tworzenia okna bezramowego, jak pokazano poniżej:

(bez przycisku zamykania nic. Może być tym, czego chcemy (lepszy projekt))

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

Edycja: (nowe)

win.removeMenu() Linux Windows Usuń pasek menu okna.

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

Dodano win.removeMenu () do usuwania menu aplikacji zamiast używania win.setMenu (null)

To jest dodawane od wersji 5 zgodnie z:

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

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

Błąd Electron v7

W przypadku Electron 7.1.1 użyj Menu.setApplicationMenuzamiastwin.removeMenu()

zgodnie z tym wątkiem:
https://github.com/electron/electron/issues/16521

I ważna uwaga: musisz to wywołać przed utworzeniem BrowserWindow ! Albo to nie zadziała!

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

Menu.setApplicationMenu(null);

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

UPDATE (Ustawianie autoHideMenuBar w konstrukcji BrowserWindow)

Zgodnie z komentarzem @kcpr! Możemy ustawić tę właściwość i wiele w konstruktorze

To jest już dostępne w najnowszej stabilnej wersji electron, która jest teraz 8.3!
Ale także w starszych wersjach sprawdziłem v1, v2, v3, v4!
Jest we wszystkich wersjach!

Zgodnie z tym linkiem
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

Oraz w wersji 8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

Link do dokumentu
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Z dokumentu dotyczącego opcji:

autoHideMenuBar Boolean (opcjonalne) - Automatyczne ukrywanie paska menu do momentu naciśnięcia klawisza Alt. Wartość domyślna to false.

Oto fragment ilustrujący to:

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;

Działa zgodnie z oczekiwaniami bez menu w przeglądarce.

Przed tą linią w main.js:

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

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

Zgodnie z odpowiedzią z tego problemu , musisz zadzwonić Menu.setApplicationMenu(null) przed utworzeniem okna

Zgodnie z oficjalną dokumentacją @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md właściwy sposób to zrobić teraz od 7.1.2 i przetestowałem w wersji 8.0 również:

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

Menu.setApplicationMenu(null)

Te rozwiązania mają błąd. W przypadku zastosowania poniższych rozwiązań okna mają opóźnienie przy zamykaniu.

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

Zastosowałem rozwiązanie poniżej. Na razie jest lepiej.

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