Creare il menu simile a una finestra su OS X

Question

Vorrei creare uno stesso tipo di menu del vassoio come this application. Perché è sulla lista delle applicazioni che usano node-webkit/nw.js, penso che sia possibile. Ho esaminato tutta la documentazione e non ho trovato nulla su come ottenerlo. Anche la ricerca su Google non è stata molto fruttuosa.

Forse qualcuno di voi l'ha già fatto e potrebbe mandarmi nella giusta direzione?

Answer 1

Prima di tutto bisogna evitare che app compare nella barra delle applicazioni

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

Quindi è necessario creare vassoio (barra superiore) Menu: (esempio dalla sua fonte)

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

quindi necessario creare finestra nascosta e mostrarlo al clic nel cassetto:

// 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); 
});