• 本网豪情赞助商

  • 微信小程序开发:各种页面特效集合
  • 小程序直播组件协议
  • 微信小程序之特殊效果及功能
  • MySql数据库备份与恢复——使用mysqldump 导
  • 宝塔面板mysql恢复
  • Python3+Selenium 配置Chrome选项
  • MySQL执行外部sql脚本文件命令报错:unknown
  • Win10系统左键点击开始菜单左键没反应,点右
  • Linux下安装Oracle出现的一些错误,以及解决
  • mysql-bin请出log
  • h3>

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


    文章摘要: 1.app启动画面设计 用photoshop设计启动画面,图片分辨率为720*1280 保存的文件名为splash.png 将splash.png复制到res\drawable,如图 PS :要先添加闪屏插件才能使用(示例中已经添加,此步略过) cordova plugin add org . apache . cordova . splashscree


    文章TAG: phonegap

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