跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面
来源:互联网 发布:javascript实例300下载 编辑:程序博客网 时间:2024/05/16 09:13
1.app启动画面设计
用photoshop设计启动画面,图片分辨率为720*1280
保存的文件名为splash.png
将splash.png复制到res\drawable,如图
PS:要先添加闪屏插件才能使用(示例中已经添加,此步略过)
cordova plugin add org.apache.cordova.splashscreen
修改res\xml\config.xml加入
此节点为使用启动画面
<preferencename="SplashScreen"value="splash"/>
此节点为启动画面延时单位为毫为,建议设置为20秒(防止网络延时,程序没有加载完成,导致黑屏。
<preferencename="SplashScreenDelay"value="20000"/>
如图
App启动成功后关闭启动画面
在启动的页面中加入代码,设备初始化后,隐藏启动画面
document.addEventListener("deviceready", onDeviceReady,false);
function onDeviceReady() {
navigator.splashscreen.hide();
}
启动app调试即可看到效果
针对程序员的养生保健微信18136761128(专治颈椎、久坐导到慢性疾病,已经上央视了,假一罚十)
0 0
- 跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面
- 跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面
- 跨平台移动开发phonegap/cordova 3.3全系列教程
- 跨平台移动开发phonegap/cordova 3.3全系列教程
- 跨平台移动开发phonegap/cordova 3.3全系列教程-开发环境搭建
- 跨平台移动开发phonegap/cordova 3.3全系列教程-开发环境搭建
- 跨平台移动开发phonegap/cordova 3.3全系列教程-开发环境搭建
- 跨平台移动开发phonegap/cordova 3.3全系列教程-目录
- 跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
- 跨平台移动开发phonegap/cordova 3.3全系列教程-结合asp.net/jqmboile
- 跨平台移动开发phonegap/cordova 3.3全系列教程-调用webservice/ajax
- 跨平台移动开发phonegap/cordova 3.3全系列教程-图片上传
- 跨平台移动开发phonegap/cordova 3.3全系列教程-百度云推送push
- 跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode
- 百度云推送push-- 跨平台移动开发phonegap/cordova 3.3全系列教程
- 添加插件--跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
- 跨平台移动开发phonegap/cordova 3.3全系列教程-图片上传
- 跨平台移动开发phonegap/cordova 3.3全系列教程-百度云推送push
- CSS Postion之Absolute
- Saliency Detection几篇paper
- 2014年渭南-天水两日自驾旅行
- Cocos2d-x手动绑定C++类到Lua
- HDU 1043 ,POJ 1077 Eight
- 跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面
- JAVA FutureTask之AbstractQueuedSynchronizer 源码分析
- 2048——神、上帝以及老天爷
- 九度OJ 1433 FatMouse -- 贪心算法
- hdu 3681 Prison Break (状态压缩dp/dfs + bfs)
- Gray Code
- HTML5新功能
- 寒假学习 第18、19天 (linux 高级编程)
- 九度OJ 1435 迷瘴