跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面

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调试即可看到效果