动画启动画面 - Ionic 4.0

phu*_*der 6 animation ionic-framework angular

再会

我的客户要求我们在我们的应用程序中包含一个动画闪屏,并为我们提供了一个动画 GIF 供我们在这里使用。

到目前为止,我还没有找到任何关于如何在 Ionic 4.0 中执行此操作的教程,尽管我确实设法为早期版本的 Ionic 找到了一些教程,例如Josh Morony 的这篇很棒的教程。然而,这在 Ionic 4.0 中的工作方式似乎存在很大差异。

因此,我对此有一个疑问,如果有人能对此有所了解,我将不胜感激:

从我从上述和我阅读的其他教程中了解到,实际上不可能有一个实际的动画闪屏,因为移动设备只会为此目的自动加载图像。因此,解决方案是通过在应用程序实际启动后播放动画来“伪造”它。

考虑到这一点,我想知道是否会像让我们的第一页包含动画 GIF 一样简单,然后在动画完成后继续到实际的第一页。

据我了解,这主要是上述教程中发生的事情。然而,作者确实使用了一些 Angular 代码来隐藏原始启动画面。这让我想知道,按照这些说明,启动画面是否会被替换,动画是否会在启动应用程序的过程中比等待加载更早播放。本质上,本教程中采用的方法比我上面建议的简化方法更快。

所以简而言之,我想我是在问天气,如上所述,让我们的第一页包含动画就足够了,还是会使应用程序显得缓慢而笨重?

任何建议将不胜感激。

Kev*_*ias 2

是的,你可以做动画启动画面,看看我制作的那些,你可以使用逻辑。

git仓库一二 .

你可以使用lottie来实现你想要的解决方案,就像我在这些例子中所做的那样,你可以在adobe aftereffect中制作动画并导出到json文件并将其加载到离子动画启动屏幕中。

链接到洛蒂

洛蒂文件