代码之家  ›  专栏  ›  技术社区  ›  phunder

动画启动屏幕-离子4.0

  •  0
  • phunder  · 技术社区  · 7 年前

    很好的一天

    我的客户要求我们在我们的应用程序中包含一个动画启动屏幕,并向我们提供了一个动画GIF来使用。

    到目前为止,我还没有找到任何关于如何在爱奥尼亚4.0中这样做的教程,尽管我确实找到了一些早期版本的爱奥尼亚的教程,比如 this great one by Josh Morony . 然而,在离子4.0中,这应该如何工作似乎有很大的区别。

    因此,我有一个围绕这一点的问题,如果有人能透露一些信息,我将非常感激:

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

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

    据我所知,这在很大程度上是在上面的教程中发生的事情。然而,作者确实使用了一些角度代码来隐藏原始的启动屏幕。这让我想知道,按照这些说明,启动应用程序的过程中,启动屏幕是否会被替换,动画是否会比等待加载更为迅速。从本质上讲,教程中遵循的方法比我上面建议的简化方法发生得更快。

    所以简而言之,我想我是在问天气是否会足够好,让我们的第一页包含动画,如上所述,或者这会使应用程序看起来缓慢和笨重?

    任何建议都将不胜感激。

    1 回复  |  直到 7 年前
        1
  •  1
  •   Kevin Dias    7 年前

    是的,你可以做动画启动屏幕,看看我做的那些你可以使用的逻辑。

    吉特回购协议 one two .

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

    链接到 lottie

    洛蒂 files