7. Electron.js – Основы. Electron API – Menu, Context Menu

Продолжим разбираться с функционалом Electron.js следующими классами, которые я рассмотрю в этой заметке будут Menu, MenuItem и Context Menu. Они служат для создания стандартного меню приложения и контекстного меню, которое открывается при нажатии правой кнопки мыши. Есть несколько вариантов создания меню у приложения, рассмотрим все по очереди.

Меню приложения

Первый вариант

Второй вариант

Третий вариант – Создается отдельно файл (например – mainMenu.js) с конфигурацией меню

В main.js подключаем файл конфигурации

Контекстное меню

Создаем конфигурацию контекстного меню в отдельном файле – contextMenu.js

Создаем само контекстное меню и подключаем конфигурацию из файла contextMenu.js

Создаем слушатель событий для показа пользователю контекстного меню

Методов и параметров значительно больше чем рассмотрено здесь, для поиска необходимого решения лучше всего обратиться к документации – MenuMenuItem и Context Menu.

Здесь можно более детально рассмотреть проект на GitHub с установленными настройкам и дополнениями –  https://github.com/NetWorkRoom/electron-start/tree/menu.