Cordova - 啟動畫面

此外掛用於在應用程式啟動時顯示啟動畫面。

步驟 1 - 安裝啟動畫面外掛

可在命令提示符視窗中透過執行以下程式碼安裝啟動畫面外掛。

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen

步驟 2 - 新增啟動畫面

新增啟動畫面與新增其他 Cordova 外掛有所不同。我們需要開啟config.xml，並在widget元素中新增以下程式碼片段。

第一個程式碼片段是SplashScreen。它具有value屬性，該屬性是platform/android/res/drawable- 資料夾中影像的名稱。Cordova 提供我們在此示例中使用的預設screen.png影像，但你可能希望新增你自己的影像。重要的是為縱向和橫向檢視新增影像，還要涵蓋不同的螢幕尺寸。

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

我們需要新增的第二個片段是SplashScreenDelay。我們設定value為3000，以便在三秒後隱藏啟動畫面。

<preference name = "SplashScreenDelay" value = "3000" />

最後一個首選項是可選的。如果將值設為true，則不會拉伸影像以適應螢幕。如果設為false，則會拉伸影像。

<preference name = "SplashMaintainAspectRatio" value = "true" />

現在，當我們執行應用程式時，我們將看到啟動畫面。