在Electron中创建Angular2应用程序的多个实例作为Child to Parent

时间:2016-09-21 09:25:36

标签: angular electron

我正在尝试使用Electron创建一个便签桌面应用程序。

我创建了一个透明的 MainWindow 并创建了2个 childWindow ,它们加载了Angular2应用的相同 index.html 文件。

Qs:考虑到ChildWindows的数量可能会有所不同(添加或删除),我如何与ChildWindow进行互动。

截至目前,当我关闭2 ChildWindows时,电子应用程序仍无法关闭,因为无法关闭主窗口。

我需要检测所有子窗口实例是否已关闭,这应该触发app.on('window-all-closed',function() { ....方法。

任何建议

电子应用 main.js

var electron = require('electron');
// Module to control application life.
var app = electron.app;
// Module to create native browser window.
var BrowserWindow = electron.BrowserWindow;

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
var mainWindow;
var children = [];
function createWindow() {
    // Create the browser window.
    //mainWindow = new BrowserWindow({fullscreen: true, frame: false, transparent: true})
    mainWindow = new BrowserWindow({
        fullscreen: true,
        frame: false,
        transparent: true
    });
    // Adding first sticky
    children.push(new BrowserWindow({ width: 800, height: 600, frame: false, parent: mainWindow }));
    OpenChildInstance(children[0]);
    AddChild();
    function AddChild() {
        var childWindow = new BrowserWindow({ width: 800, height: 600, frame: false, parent: mainWindow });
        OpenChildInstance(childWindow);
        children.push(childWindow);
    }
    // and load the index.html of the app.
    function OpenChildInstance(childWindow) {
        childWindow.loadURL("file://" + __dirname + "/index.html");
        childWindow.webContents.openDevTools();
    }
    children.forEach(AttachOnClosed);
    function AttachOnClosed(element, index, array) {
        element.on('closed', function () {
            children[index] = null;
            if (children == []) {
                if (process.platform !== 'darwin') {
                    app.quit();
                }
            }
        });
    }
    // Make window click through
    mainWindow.setIgnoreMouseEvents(true);
    // Open the DevTools.
    //mainWindow.webContents.openDevTools()
    // Emitted when the window is closed.
    mainWindow.on('closed', function () {
        // Dereference the window object, usually you would store windows
        // in an array if your app supports multi windows, this is the time
        // when you should delete the corresponding element.
        mainWindow = null;
    });
}
// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', createWindow);
// Quit when all windows are closed.
app.on('window-all-closed', function () {
    // On OS X it is common for applications and their menu bar
    // to stay active until the user quits explicitly with Cmd + Q
    if (process.platform !== 'darwin') {
        app.quit();
    }
});
app.on('activate', function () {
    // On OS X it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (mainWindow === null) {
        createWindow();
    }
});
// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.
//# sourceMappingURL=main.js.map

0 个答案:

没有答案