Как удалить эту строку меню из моих электронных приложений:

Также там написано «Hello World» (это потому, что я загрузил предварительно собранный электронный файл и исчезнет, ​​как только я упакую приложение?). Я не закодировал их в HTML, поэтому не знаю, как это сделать! -

Вы можете использовать w.setMenu(null)или установить frame: false(это также удаляет кнопки для закрытия, свертывания и развертывания параметров) в вашем окне. Смотрите setMenu () или BrowserWindow () . Также проверьте эту ветку

Теперь у Electron есть win.removeMenu()( добавлено в v5.0.0 ), чтобы удалить меню приложений вместо использования win.setMenu(null).

У Electron 7.1.x есть ошибка, где win.removeMenu()не работает. Единственный обходной путь - использоватьMenu.setApplicationMenu(null)

Использовать это:

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

Ссылка: https://github.com/electron/electron/issues/1415

Я пробовал mainWindow.setMenu(null), но не вышло.

Для Electron 7.1.1 вы можете использовать это:

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

Когда вы упаковываете свое приложение, меню по умолчанию больше не будет, если это вас беспокоит во время разработки, вы можете вызвать setMenu(null)окно браузера, как это предлагает @TonyVincent.

Начиная с версии 7.0.0, большинство вышеперечисленных решений больше не работают. BrowserWindow.setMenu()был заменен на Menu.setApplicationMenu(), который теперь меняет меню во всех окнах. setMenu(), removeMenu()больше ничего не делать, что, кстати, все еще упоминается в документации.

setAutoHideMenuBar()по-прежнему работает, но может быть неприятно, если вы планируете использовать Alt в качестве модификатора горячих клавиш. После того, как меню станет видимым, вам нужно щелкнуть мышью вне окна (свободный фокус), чтобы снова скрыть меню.

Если ваше приложение имеет более одного окна, вы не можете устанавливать / удалять меню отдельно для каждого окна. Единственный способ удалить меню - использовать безрамочный оконный подход. Это именно то, что я хочу в моем текущем приложении, но не во всех случаях хорошее решение.

Меню может быть скрыто или автоматически скрыто (как в Slack или VS Code - вы можете нажать Alt, чтобы показать / скрыть меню).

Соответствующие методы:

---- win.setMenu (меню) - Устанавливает меню в качестве строки меню окна, установка значения null приведет к удалению строки меню. ( Это полностью удалит меню )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (hide) - Устанавливает, должна ли строка меню окна автоматически скрываться. После установки строка меню будет
отображаться только тогда, когда пользователи нажимают одну клавишу Alt .

mainWindow.setAutoHideMenuBar(true)

Источник: https://github.com/Automattic/simplenote-electron/issues/293

Существует также способ создания безрамного окна, как показано ниже:

(нет кнопки закрытия, ничего. Может быть, что мы хотим (лучший дизайн))

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

документ: https://electronjs.org/docs/api/frameless-window

Изменить: (новый)

win.removeMenu() Linux Windows Удалите строку меню окна.

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

Добавлен win.removeMenu () для удаления меню приложений вместо использования win.setMenu (null)

Это добавлено из v5 согласно:

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

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

Электрон v7 ошибка

Для Electron 7.1.1 используйте Menu.setApplicationMenuвместоwin.removeMenu()

согласно этой теме:
https://github.com/electron/electron/issues/16521

И главное примечание: вы должны вызвать его перед созданием BrowserWindow ! Или не пойдет!

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

Menu.setApplicationMenu(null);

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

ОБНОВЛЕНИЕ (настройка autoHideMenuBar при построении BrowserWindow)

Как прокомментировал @kcpr! Мы можем установить свойство и многие из них в конструкторе

Это доступно в последней стабильной версии Electron - 8.3!
Но и в старых версиях я проверял v1, v2, v3, v4!
Он есть во всех версиях!

По этой ссылке
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

А для v8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

Ссылка на документ
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Из документа для варианта:

autoHideMenuBar Boolean (необязательно) - автоматически скрывать строку меню, если не нажата клавиша Alt. По умолчанию - false.

Вот отрывок, чтобы проиллюстрировать это:

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;

Работает нормально без меню в браузере.

Перед этой строкой в ​​main.js:

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

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

После ответа на этот вопрос вы должны позвонить, Menu.setApplicationMenu(null) прежде чем окно будет создано

Согласно официальной документации @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md правильный способ сделать это сейчас, начиная с 7.1.2, и я тестировал в версии 8.0 он также должен:

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

Menu.setApplicationMenu(null)

В этих решениях есть ошибка. При использовании решений, указанных ниже, окна закрываются с задержкой.

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

Я использовал решение ниже. Сейчас это лучше.

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