在OS X上创建类似窗口的菜单

时间:2015-02-27 15:22:58

标签: node.js macos node-webkit nw.js

我想创建一个类似this application的托盘菜单。因为它位于使用node-webkit / nw.js的应用程序列表中,所以我认为这是可能的。我查看了所有文档,但无法找到有关如何实现这一目标的任何内容。搜索Google也不是很有成效。

也许你们其中一个人之前已经做过这件事并且可以让我朝着正确的方向前进?

1 个答案:

答案 0 :(得分:7)

首先,您需要阻止应用出现在任务栏中

{
    "name": "My App",
    "version": "1.0.0",
    "main": "app.html",
    "window": {
        "show": false,
        "show_in_taskbar": false
    }
}

然后你需要创建托盘(顶部栏)菜单:(来自他的来源的例子)

tray = new app.node.gui.Tray({
    title: '',
    icon: 'assets/css/images/menu_icon.png',
    alticon: 'assets/css/images/menu_alticon.png',
    iconsAreTemplates: false
});

然后需要创建隐藏窗口并在托盘中单击显示:

// create window
var params = {toolbar: app.devMode, frame: false, transparent: true, resizable: false, show: false};
window = app.node.gui.Window.open('templates/panel.html', params);

function showPopup (x, y) {
  window.on('document-end', function()
    window.moveTo(x - (window.window.width / 2) - 6, y);
    window.show();
    window.focus();
  });
}

// show panel when click in tray
tray.on('click', function (evt) {
  showPopup(evt.x, evt.y);
});