node.js - 启动应用程序上的 Electron 闪屏

Question

我一直在使用 Django，现在我正在使用 Electron，因为我想创建一个桌面应用程序。

我想知道是否有一种简单的方法可以创建启动画面(无框架窗口)，仅显示 Logo 几秒钟，然后打开一个“正常”窗口，其中将呈现主应用程序？

谢谢，

阿诺

Answer 1

一个简单的 electron 启动画面可能是这样的

let splash

app.on('ready', () => {
  // create main browser window
  mainWindow = new BrowserWindow({
      titleBarStyle: 'hidden',
      width: 1920,
      height: 1080,
      show: false // don't show the main window
  });
  // create a new `splash`-Window 
  splash = new BrowserWindow({width: 810, height: 610, transparent: true, frame: false, alwaysOnTop: true});
  splash.loadURL(`file://${__dirname}/splash.html`);
  mainWindow.loadURL(`file://${__dirname}/index.html`);

  // if main window is ready to show, then destroy the splash window and show up the main window
  mainWindow.once('ready-to-show', () => {
    splash.destroy();
    mainWindow.show();
  });
});