【APP】PhoneGap 開場畫面(Splash Screen)

Ref: Cordova-plugin Splash Screen

安裝PhoneGap plugin:

phonegap plugin add cordova-plugin-splashscreen

開場畫面的圖片檔存放路徑如下:

[PhoneGap專案路徑]\www\res\screen\

[PhoneGap專案路徑]\platforms\android\res\

Android

修改PhoneGap config.xml 找到下列設定值

• SplashScreen value="screen"
  <preference name="SplashScreen" value="screen" />
  screen: 設定開場畫面的Resource
• SplashScreenDelay value="2000"
  <preference name="SplashScreenDelay" value="2000" />
   顯示開場畫面的時間(單位: 毫秒)

iOS

修改PhoneGap config.xml找到下列設定值

• ShowSplashScreenSpinner value="true"
  <preference name="ShowSplashScreenSpinner" value="true" />
  True: 在開場畫面出現時，顯示iOS Loading圖樣
• AutoHideSplashScreen value="true"
  <preference name="AutoHideSplashScreen" value="true" />
  True: 自動隱藏開場畫面

iOS預設2秒，iOS開場畫面顯示秒數僅能透過下列方式客製:

config.xml的AutoHideSplashScreen 改為false

index.html頁面中加入下列這段
<script>

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

function onDeviceReady(){

         setTimeout(function(){

    navigater.splashscreen.hide();

window.location='./lmain.html';

}, 3500);

}

</script>