Cordova - Begrüßungsbildschirm

Dieses Plugin wird verwendet, um beim Start der Anwendung einen Begrüßungsbildschirm anzuzeigen.

Schritt 1 - Installieren des Splash Screen Plugins

Das Splash Screen Plugin kann in installiert werden command prompt Fenster, indem Sie den folgenden Code ausführen.

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

Schritt 2 - Begrüßungsbildschirm hinzufügen

Das Hinzufügen eines Begrüßungsbildschirms unterscheidet sich vom Hinzufügen der anderen Cordova-Plugins. Wir müssen öffnenconfig.xml und fügen Sie die folgenden Codefragmente in das hinzu widget Element.

Erster Ausschnitt ist SplashScreen. Es hatvalue Eigenschaft, die der Name der Bilder in ist platform/android/res/drawable- Ordner. Cordova bietet Standardscreen.pngBilder, die wir in diesem Beispiel verwenden, aber Sie möchten wahrscheinlich Ihre eigenen Bilder hinzufügen. Wichtig ist, Bilder für die Hoch- und Querformatansicht hinzuzufügen und verschiedene Bildschirmgrößen abzudecken.

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

Das zweite Snippet, das wir hinzufügen müssen, ist SplashScreenDelay. Wir setzenvalue zu 3000 um den Begrüßungsbildschirm nach drei Sekunden auszublenden.

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

Die letzte Einstellung ist optional. Wenn der Wert auf eingestellt isttruewird das Bild nicht auf den Bildschirm gestreckt. Wenn es auf eingestellt istfalsewird es gedehnt.

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

Wenn wir nun die App ausführen, sehen wir den Begrüßungsbildschirm.