Cordova應用程序修改啓動畫面或者Icon

1）  製做啓動畫面圖片或icon

ionic resources //同時生成icon和splash

ionic resources --icon //只生成icon

ionic resources --splash //只生成splash

若是生成的icon/splash有損壞，cordova build android的時候會報錯，解決辦法就是從新生成或者另外ps一張；

 

2）  在項目根目錄下的config.xml中添加兩個配置項：

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

<preferencename="SplashScreenDelay" value="30000" />

其中，第一個配置指定了啓動畫面的文件名；第二個設置指定啓動畫面停留的時間（單位爲毫秒）。

 

3）  在首頁添加處理函數：

document.addEventListener("deviceready",onDeviceReady,false);
    //Cordova加載完成會觸發
    function  onDeviceReady(){
         navigator.splashscreen.hide();
    }        

 

上面配置項SplashScreenDelay的值建議儘可能設置大一些，好比20000（20秒）。按照個人理解，啓動畫面顯示時，首頁仍然是按正常狀況在加載（即程序不會等到啓動畫面消失再開始加載首頁）；若是設置的delay值過小，好比3000（3秒），而首頁加載須要5000（5秒），則有2秒的時間屏幕會處於黑屏狀態。設置的值大於首頁加載時間值時，紅色代碼的那一行將提早隱藏啓動畫面。