启动画面,可以让用户等待程序初始化在IONIC 2

启动画面,可以让用户等待程序初始化在IONIC 2

问题描述:

什么是最简单的方法,我可以做一个启动画面,可以让用户等待程序在IONIC 2初始化。它采取异常长一个白色的屏幕。启动画面,可以让用户等待程序初始化在IONIC 2

在config.xml中增加闪屏screeDelay时间,以便闪屏长时间显示。另请参阅下面的其他重要属性。

<preference name="SplashScreenDelay" value="10000" /> 
    <preference name="SplashShowOnlyFirstTime" value="false" /> 
    <preference name="FadeSplashScreenDuration" value="1000" /> 
    <preference name="FadeSplashScreen" value="true" /> 
    <preference name="ShowSplashScreenSpinner" value="true" /> 

请参考这link的属性定义。

  1. SplashScreenDelay(数字,默认为3000)。自动隐藏启动画面之前等待的时间(以毫秒为单位)。
  2. “SplashShowOnlyFirstTime”首选项也是可选的,默认为true。当设置为true时,启动屏幕只会在 应用程序启动时出现。但是,如果您打算使用 navigator.app.exitApp()关闭应用程序,并且在下次启动时出现强制启动屏幕 ,则应将此属性设置为false(此 也适用于关闭带有后退按钮的应用程序)。
  3. FadeSplashScreenDuration(float,默认为500):指定执行闪屏淡入效果的毫秒数。
  4. FadeSplashScreen(布尔值,默认为true):设置为false可防止启动画面在显示 状态更改时淡入和熄灭。
  5. ShowSplashScreenSpinner(布尔型,默认为true):设置为false以隐藏启动画面微调器。

在推出的第一页,你可以把splashScreen.hide()来手动隐藏闪屏。

ionViewDidEnter() { 
    setTimeout(() => { 
     if(this.platform.is('cordova') || this.platform.is('android')){ 
     this.splashScreen.hide(); 
     } 
    }, 300); 

生产离子建立将只需要2到3秒启动,请查看配置如果花更多的

+0

它的工作原理,但使用默认的启动画面,我想这样的运动图像,以保持用户忙于程序加载 – kimoduor

+0

将此链接指向动画启动画面https://www.joshmorony.com/creating-an-animated-splash-screen-in-ionic/。如果您的应用程序在App启动时执行了一些HTTP请求,请使用某些动画或消息构建一个中间页面,直到HTTP请求完成。没有任何HTTP请求,您的应用程序预计将在2到3秒内启动,而不是等待很长时间。 –