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

时间:2016-08-24 14:42:03

标签: node.js electron

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

我想知道是否有一种简单的方法可以创建一个启动画面(无框窗口),只显示一个徽标几秒钟,然后打开一个“正常”窗口,在那里将呈现主应用程序?

谢谢,

阿诺

2 个答案:

答案 0 :(得分:10)

要获得无框窗口,只需在创建新frameless时将true选项设置为BrowserWindow - 称为Frameless API

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

在应用程序触发ready事件时,只需在显示“主要”应用程序窗口之前显示该窗口。

答案 1 :(得分:9)

一个简单的电子飞溅屏可能类似于

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