zoukankan      html  css  js  c++  java
  • 跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面

    1.app启动画面设计

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

    保存的文件名为splash.png

    将splash.png复制到resdrawable,如图

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

    cordova plugin add org.apache.cordova.splashscreen

    修改resxmlconfig.xml加入

    此节点为使用启动画面

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

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

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

    如图

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

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

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

                function onDeviceReady() {

                    navigator.splashscreen.hide();      

    }

    启动app调试即可看到效果

  • 相关阅读:
    三种方法
    渐渐明白
    出手的时候到了
    URL OpenDocument
    熟练使用IDT
    时间快到了
    还是这样
    接口的多态性
    接口(interface)的使用
    抽象类(abstract class)与抽象方法
  • 原文地址:https://www.cnblogs.com/cordova/p/3539312.html
Copyright © 2011-2022 走看看