启动屏幕的离子动画

Posted

技术标签:

【中文标题】启动屏幕的离子动画【英文标题】:Ionic animation for splash screen 【发布时间】:2015-06-29 15:10:32 【问题描述】:

是否可以添加 gif 或 svg 动画作为 Ionic Mobile App 的启动画面?我找不到任何解决方案,但它看起来像是一个典型的任务。也许我错过了解决方案。

  <gap:plugin name="org.apache.cordova.splashscreen"  />
  <feature name="SplashScreen">
    <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
    <param name="ios-package" value="CDVSplashScreen" />
  </feature>
  <gap:splash src="img/splash.gif" />
  <gap:splash src="img/splash.gif" gap:platform="ios"   />

如果我放 .png 它可以工作,但 .png 不支持动画。

【问题讨论】:

【参考方案1】:

文档中提到,目前支持的文件只有:png、psd、ai。

Ionic Icon SplashScreen

如果你想定制,试试这个可能对你有帮助:

Using Views Events To Create javascript Pure Ionic Splash Screen

【讨论】:

以上是关于启动屏幕的离子动画的主要内容,如果未能解决你的问题,请参考以下文章

启动屏幕 Ionic 中的 GIF 文件

iOS:在状态栏顶部动画启动屏幕

如何检测 iPad 上启动屏幕动画的应用程序启动方向!

在 iOS 启动屏幕中制作动画的最佳方法

如何使css动画与离子中的手指滑动同步?

iOS如何在屏幕外启动图像并将其动画到屏幕上