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秒的時間屏幕會處於黑屏狀態。設置的值大於首頁加載時間值時，紅色代碼的那一行將提前隱藏啟動畫面。