启动画面,可以让用户等待程序初始化在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的属性定义。
- SplashScreenDelay(数字,默认为3000)。自动隐藏启动画面之前等待的时间(以毫秒为单位)。
- “SplashShowOnlyFirstTime”首选项也是可选的,默认为true。当设置为true时,启动屏幕只会在 应用程序启动时出现。但是,如果您打算使用 navigator.app.exitApp()关闭应用程序,并且在下次启动时出现强制启动屏幕 ,则应将此属性设置为false(此 也适用于关闭带有后退按钮的应用程序)。
- FadeSplashScreenDuration(float,默认为500):指定执行闪屏淡入效果的毫秒数。
- FadeSplashScreen(布尔值,默认为true):设置为false可防止启动画面在显示 状态更改时淡入和熄灭。
- ShowSplashScreenSpinner(布尔型,默认为true):设置为false以隐藏启动画面微调器。
在推出的第一页,你可以把splashScreen.hide()来手动隐藏闪屏。
ionViewDidEnter() {
setTimeout(() => {
if(this.platform.is('cordova') || this.platform.is('android')){
this.splashScreen.hide();
}
}, 300);
生产离子建立将只需要2到3秒启动,请查看配置如果花更多的
它的工作原理,但使用默认的启动画面,我想这样的运动图像,以保持用户忙于程序加载 – kimoduor
将此链接指向动画启动画面https://www.joshmorony.com/creating-an-animated-splash-screen-in-ionic/。如果您的应用程序在App启动时执行了一些HTTP请求,请使用某些动画或消息构建一个中间页面,直到HTTP请求完成。没有任何HTTP请求,您的应用程序预计将在2到3秒内启动,而不是等待很长时间。 –