Question

我正在构建一个Electron Browser应用程序。此应用将加载外部网址（仅限）我的问题是如何在加载页面时添加微调器（gif图像）。我知道有一个偶然的“开始 - 载入”。这工作正常，但我没有找到一种方式来展示跑步者。此外，Electron / BrowserWindow中没有状态栏选项。把它放在那里将是我最喜欢的。

任何想法如何做到这一点？

Answer 1

也许创建第二个窗口，在您启动应用程序后立即打开。基本上只是你的微调器的闪屏。您的主窗口应该在加载时隐藏，但一旦did-finish-load被触发，您可以关闭启动画面并显示主窗口。

Answer 2

如果只是寻找 webapp 正在加载一些 url 内容的基本指示，您可能正在寻找这个（在应用程序上显示标题更改 + 进度条，您也可能更改图标等）。创建 main 后执行

const mainWindow = new BrowserWindow({ .... });      

mainWindow.webContents.on('did-start-loading', () => {
  mainWindow.setTitle(APP_NAME + ' * Loading ....');
  mainWindow.setProgressBar(2, { mode: 'indeterminate' }) // second parameter optional
});

mainWindow.webContents.on('did-stop-loading', () => {
  mainWindow.setTitle(`${APP_NAME}`);
  mainWindow.setProgressBar(-1);
});

如果有人可以提供一些动画标题的方法，很高兴听到（可能是一些setInterval/clearInterval包，还没弄清楚）

也可以在加载时执行 mainWindow.setOpacity(0.8) - 但对我来说这看起来不太好

电子如何在BrowserWindow中加载页面时显示加载微调器

2 个答案: