首页 > 代码库 > Cordova应用程序修改启动画面或者Icon
Cordova应用程序修改启动画面或者Icon
1) 制作启动画面图片或icon
ionic resources //同时生成icon和splash
ionic resources --icon //只生成icon
ionic resources --splash //只生成splash
如果生成的icon/splash有损坏,cordova build android的时候会报错,解决办法就是重新生成或者另外ps一张;
2) 在项目根目录下的config.xml中添加两个配置项:
<preference name="SplashScreen"value="http://www.mamicode.com/splash" />
<preferencename="SplashScreenDelay" value="http://www.mamicode.com/30000" />
其中,第一个配置指定了启动画面的文件名;第二个设置指定启动画面停留的时间(单位为毫秒)。
3) 在首页添加处理函数:
document.addEventListener("deviceready",onDeviceReady,false); //Cordova加载完成会触发 function onDeviceReady(){ navigator.splashscreen.hide(); }
上面配置项SplashScreenDelay的值建议尽量设置大一些,比如20000(20秒)。按照我的理解,启动画面显示时,首页仍然是按正常情况在加载(即程序不会等到启动画面消失再开始加载首页);如果设置的delay值太小,比如3000(3秒),而首页加载需要5000(5秒),则有2秒的时间屏幕会处于黑屏状态。设置的值大于首页加载时间值时,红色代码的那一行将提前隐藏启动画面。
Cordova应用程序修改启动画面或者Icon
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。