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