启动应用程序上的电子闪屏

Question

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

我想知道有没有一种简单的方法来创建一个启动屏幕（无框窗口），只显示一个徽标几秒钟，然后打开一个“普通”窗口，主应用程序将在其中呈现？

谢谢，

阿诺

Answer 1

要获得无框窗口，只需在创建新的BrowserWindow（称为Frameless API）时将frameless 选项设置为true：

const {BrowserWindow} = require('electron');
let win = new BrowserWindow({
    width: 800, 
    height: 600, 
    frame: false
});
win.show();

当应用程序触发ready 事件时，在显示“主”应用程序窗口之前显示该窗口。

Answer 2

电子的简单闪屏可能类似于

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