跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面
浏览数：97 /
时间：2015年06月11日
1.app启动画面设计
用photoshop设计启动画面，图片分辨率为720*1280
保存的文件名为splash.png
将splash.png复制到res\drawable，如图
PS：要先添加闪屏插件才能使用（示例中已经添加，此步略过）
cordova plugin add org.apache.cordova.splashscreen
修改res\xml\config.xml加入
此节点为使用启动画面
<preference name="SplashScreen" value="splash"/>
此节点为启动画面延时单位为毫为，建议设置为20秒（防止网络延时，程序没有加载完成，导致黑屏。
<preference name="SplashScreenDelay" value="20000"/>
如图
App启动成功后关闭启动画面
在启动的页面中加入代码，设备初始化后，隐藏启动画面
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
navigator.splashscreen.hide();
}
启动app调试即可看到效果
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
