phonegap+splashscreen插件

1、下載插件

參考資料：

http://cordova.apache.org/docs/en/edge/config_ref_images.md.html#Icons%20and%20Splash%20Screens

下載插件地址：

https://github.com/apache/cordova-plugin-splashscreen/blob/master/doc/index.md

2、安裝插件

cmd進入platforms路徑下，執行命令：

cordova plugin add org.apache.cordova.splashscreen

生成如下文件：

\assets\www\cordova_plugins.js

,
    {
        "file": "plugins/org.apache.cordova.splashscreen/www/splashscreen.js",
        "id": "org.apache.cordova.splashscreen.SplashScreen",
        "clobbers": [
            "navigator.splashscreen"
        ]
    }

\android\assets\www\plugins\org.apache.cordova.splashscreen\www\splashscreen.js

\android\res\xml\config.xml

<preference name="Splashscreen" value="screen" />
    <preference name="SplashScreenDelay" value="10000" />

screen代表引用的圖片，格式爲png，存放到res/drawable和相應的文件夾下

splashscreendelay表示顯示多長時間

<feature name="SplashScreen">
        <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
    </feature>

\android\src\org\apache\cordova\splashscreen\SplashScreen.java

此時phonegap可以自動調用

navigator.splashscreen.show()，

但是當應用加載完畢後，啓動畫面還會頑強的堅持完配置的顯示時間，需要在首頁的頁面加入

<script>
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {  
    navigator.splashscreen.hide();
}
</script>

確保應用啓動完畢後，將啓動畫面隱藏