以下是一个简单的例子，演示了如何使用 MenuItem 创建一个菜单项，并将其添加到菜单中：
在主进程的主文件中（通常是 main.js 或 index.js）：
const { app, BrowserWindow, Menu, MenuItem } = require('electron');
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({ width: 800, height: 600 });
mainWindow.loadFile('index.html'); // 加载你的 HTML 文件
// 创建菜单项
const openMenuItem = new MenuItem({
label: 'Open',
click: () => {
// 处理 "Open" 命令的逻辑
console.log('Open command clicked!');
}
});
// 创建菜单对象
const contextMenu = Menu.buildFromTemplate([openMenuItem]);
// 将菜单附加到主窗口
mainWindow.webContents.on('context-menu', (e, params) => {
contextMenu.popup(mainWindow, params.x, params.y);
});
});
在这个例子中，我们使用 MenuItem 创建了一个名为 openMenuItem 的菜单项，其中包含了标签（label）和点击时的处理逻辑（click）。然后，我们创建了一个菜单对象 contextMenu，并通过 Menu.buildFromTemplate 方法使用这个菜单项的数组进行构建。
最后，我们通过监听主窗口的 context-menu 事件，将创建的上下文菜单 contextMenu 弹出到指定的坐标位置，从而显示在主窗口中。
这只是一个简单的示例，你可以根据应用的需要创建更多的 MenuItem，并定义不同的属性和事件处理逻辑。这样，你就可以在应用中创建自定义的上下文菜单或应用程序菜单项。
转载请注明出处：http://www.zyzy.cn/article/detail/10923/Electron