必要條件：安裝cordova環境

• 新增cordova-plugin-splashscreen外掛

  在cordova專案中開啟cmd新增外掛
  cordova plugin add cordova-plugin-splashscreen

  外掛新增完後可通過cordova plugin ls檢視是否新增成功，也可在專案中檢視plugins資料夾中是否有cordova-plugin-splashscreen資料夾。

• 新增圖片

  找一個png檔案作為閃屏展示，拷貝到platforms/android/res/drawable資料夾中，不過這個檔案儲存的是預設閃屏檔案，在不同的裝置上因為縮放可能會變形，為了能在不同裝置上顯示得更好，釋出時最好做成不同分辨了的圖，放在-platforms/android/res/drawable*中：

  • xlarge (xhdpi): at least 960 × 720
  • large (hdpi): at least 640 × 480
  • medium (mdpi): at least 470 × 320
  • small (ldpi): at least 426 × 320

• 修改config.xml檔案

  在config.xml檔案中新增以下程式碼：

  //該value的值為新增的圖片的名稱
  <preference name="SplashScreen" value="blue" />
  //該閃屏圖片顯示的時長
  <preference name="SplashScreenDelay"
   
   value="5000" />
  //如果設定為真,閃屏不是伸展以適應螢幕,而是簡單地“覆蓋”螢幕,像CSS中的“background-size:cover”。
  <preference name="SplashMaintainAspectRatio" value="false" />
  //是否只在應用啟動時出現，預設為true
  <preference name="SplashShowOnlyFirstTime" value="true" />

• 修改index.html

  為了使閃頻在應用初始化後消失，在index.html頁面中新增以下程式碼，使閃頻消失：

  app.initialize();
  window.onload=function()
  {
  document.addEventListener(“deviceready” ,
  function()
  {
  navigator.splashscreen.hide();
  },
  false);
  }

• cordova prepare，cordova run 編譯執行