Метод 1: использование опции «frame».
Один из способов удалить строку меню — изменить параметры окна браузера. Установив для параметра «frame» значение false во время создания окна браузера, вы можете эффективно удалить строку меню. Вот пример:
const { app, BrowserWindow } = require('electron');
app.on('ready', () => {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
frame: false, // Remove the menubar
});
// Load your application content
mainWindow.loadFile('index.html');
});
Метод 2: использование стилей CSS
Другой подход — скрыть строку меню с помощью стилей CSS. Этого можно добиться, применив к BrowserWindow собственные стили. Вот пример:
const { app, BrowserWindow } = require('electron');
app.on('ready', () => {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
// Load your application content
mainWindow.loadFile('index.html');
// Inject CSS to hide the menubar
mainWindow.webContents.on('did-finish-load', () => {
mainWindow.webContents.insertCSS(`
.menubar {
display: none !important;
}
`);
});
});
Метод 3: использование модуля «Меню».
ElectronJS предоставляет модуль «Меню», который позволяет создавать собственные меню приложений. Чтобы удалить строку меню по умолчанию, вы можете создать пустое меню и установить его в качестве меню приложения. Вот пример:
const { app, BrowserWindow, Menu } = require('electron');
app.on('ready', () => {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
});
// Load your application content
mainWindow.loadFile('index.html');
// Remove the menubar
const emptyMenu = Menu.buildFromTemplate([]);
Menu.setApplicationMenu(emptyMenu);
});
Следуя этим методам, вы можете легко удалить строку меню в своих приложениях ElectronJS. Независимо от того, решите ли вы изменить параметры BrowserWindow, применить стили CSS или использовать модуль «Меню», у вас есть возможность создать более настраиваемый и удобный интерфейс. Поэкспериментируйте с этими методами и найдите тот, который лучше всего соответствует потребностям вашего приложения.