Cordova應用程式修改啟動畫面或者Icon

標籤：螢幕   啟動畫面   dev   cti   nav   根目錄   解決辦法   tor   建議   

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

Cordova應用程式修改啟動畫面或者Icon