nw.js的nw.Menu()自定义菜单

nw.js 是一个基于 Chromium 和 Node.js 的开源框架，它允许开发者使用 HTML5、CSS3 和 JavaScript 来创建桌面应用程序。在 nw.js 中，nw.Menu 是一个用于创建自定义菜单栏的类，它允许开发者将自定义菜单项添加到应用程序的菜单栏中。

以下是 nw.Menu 的主要特性和用法：

特性

1. 自定义菜单项：可以添加菜单项、子菜单项、分隔符等。
2. 事件监听：可以监听菜单项的点击事件。
3. 国际化支持：支持多语言。
4. 与系统菜单集成：可以集成到系统菜单中。

使用方法

要使用 nw.Menu，首先需要创建一个 Menu 实例，然后添加菜单项和子菜单项。以下是一个简单的例子：

// 创建 Menu 实例
const menu = new nw.Menu();

// 添加菜单项
menu.append(new nw.MenuItem({ label: 'File' }));

// 添加子菜单项
const fileMenu = new nw.Menu();
fileMenu.append(new nw.MenuItem({ label: 'Open', click: function() { console.log('Open clicked'); } }));
fileMenu.append(new nw.MenuItem({ label: 'Save', click: function() { console.log('Save clicked'); } }));
menu.append(fileMenu);

// 添加分隔符
menu.append(new nw.MenuItem({ type: 'separator' }));

// 添加另一个菜单项
menu.append(new nw.MenuItem({ label: 'Edit', click: function() { console.log('Edit clicked'); } }));

// 将菜单添加到窗口
window.menu = menu;
window.menu.createContextMenu();

// 或者，将菜单添加到窗口的菜单栏
window.menuBar = new nw.MenuBar({ menu: menu });
window.menuBar.appendTo(window);

事件监听

可以通过监听 menuitemclick 事件来处理菜单项的点击事件：

menu.on('menuitemclick', function(item, win, e) {
  console.log('Menu item clicked:', item.label);
});

国际化支持

nw.Menu 支持国际化，可以通过设置 label 属性为国际化字符串来实现：

const menu = new nw.Menu();
menu.append(new nw.MenuItem({ label: i18n.__('File') }));

其中，i18n.__ 是一个国际化函数，它根据当前语言返回相应的翻译文本。

总结

nw.Menu 是一个功能强大的类，可以用来创建自定义的菜单栏。通过使用 nw.Menu，开发者可以轻松地添加菜单项、子菜单项、分隔符，并监听菜单项的点击事件。这对于创建具有良好用户体验的桌面应用程序非常有用。