首页 > 移动平台 > 详细

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

时间:2014-02-07 15:16:09      阅读:616      评论:0      收藏:0      [点我收藏+]

1.app启动画面设计

用photoshop设计启动画面,图片分辨率为720*1280

bubuko.com,布布扣

bubuko.com,布布扣

 

 

保存的文件名为splash.png

将splash.png复制到res\drawable,如图

bubuko.com,布布扣

 

PS:要先添加闪屏插件才能使用(示例中已经添加,此步略过)

cordova plugin add org.apache.cordova.splashscreen

修改res\xml\config.xml加入

此节点为使用启动画面

<preference name="SplashScreen" value="splash"/>

此节点为启动画面延时单位为毫为,建议设置为20秒(防止网络延时,程序没有加载完成,导致黑屏。

<preference name="SplashScreenDelay" value="20000"/>

如图

bubuko.com,布布扣

 

App启动成功后关闭启动画面

在启动的页面中加入代码,设备初始化后,隐藏启动画面

document.addEventListener("deviceready", onDeviceReady, false);

            function onDeviceReady() {

                navigator.splashscreen.hide();      

}

启动app调试即可看到效果

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

原文:http://www.cnblogs.com/cordova/p/3539312.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!