Hinzufügen eines Begrüßungsbildschirms

  • Artikel

Legen Sie das Bild und die Hintergrundfarbe des Begrüßungsbildschirms Ihrer App mit Microsoft Visual Studio fest.

Festlegen der Bild- und Hintergrundfarbe für den Begrüßungsbildschirm in Visual Studio

Wenn Sie eine Visual Studio-Vorlage zum Erstellen Ihrer App verwenden, wird Ihrem Projekt ein Standardbild hinzugefügt und als Begrüßungsbildschirmbild festgelegt. Die Hintergrundfarbe für den Begrüßungsbildschirm ist standardmäßig hellgrau. Wenn Sie das Standardbild oder die Standardfarbe des Begrüßungsbildschirms Ihrer App ändern möchten, führen Sie die folgenden Schritte aus:

  1. Öffnen Sie Ihr vorhandenes Universelle Windows-Plattform-App-Projekt (UWP) in Visual Studio.

  2. Öffnen Sie in Projektmappen-Explorer die Datei "Package.appxmanifest". Sie können diese Datei auch über die Menüleiste öffnen, indem Sie project>Store-App-Manifest> bearbeiten.

  3. Öffnen Sie die Registerkarte "Visuelle Objekte", und wählen Sie den Begrüßungsbildschirm im Bereich "Alle visuellen Objekte" auf der linken Seite des Fensters "Package.appxmanifest" aus. Wenn Sie den Begrüßungsbildschirm zum ersten Mal ändern, wird der Pfad "Assets\SplashScreen.png" im Feld "Begrüßungsbildschirm " angezeigt.

    Der folgende Screenshot zeigt das Fenster "Package.appxmanifest" in Visual Studio. Je nach Projekttyp sehen Sie einen etwas anderen Satz visueller Ressourcen.

    Screenshot des Fensters

    Wenn Sie "Package.appxmanifest" in einem Text-Editor öffnen, wird das SplashScreen-Element als untergeordnetes Element des VisualElements-Elements angezeigt. Das standardmäßige Markup für den Begrüßungsbildschirm in der Manifestdatei sieht in einem Text-Editor wie folgt aus:

    <uap:SplashScreen Image="Assets\SplashScreen.png" />

  4. Um ein neues Bild für einen Begrüßungsbildschirm für eine UWP-App auszuwählen, drücken Sie die Schaltfläche mit den Auslassungspunkten, die neben der Beschriftung 1240 x 600 px unter skalierten Ressourcen angezeigt werden. Wählen Sie das Bild mit 1240 x 600 Pixeln (.png, .jpg oder .jpeg) aus, das Sie für das Bild des Begrüßungsbildschirms verwenden möchten.

    Wichtig Das ausgewählte Bild für den Begrüßungsbildschirm muss 620 x 300 Pixel mit einem Skalierungsfaktor von 1x betragen. Beachten Sie beim Entwerfen des Begrüßungsbildschirms außerdem, dass er kleiner als der Bildschirm ist und zentriert ist. Er füllt den Bildschirm nicht wie einen Begrüßungsbildschirm für eine Windows Phone Store-App aus.

  5. Um ein neues Begrüßungsbildschirmbild für eine Windows Phone Store-App auszuwählen, drücken Sie die Schaltfläche mit den Auslassungspunkten, die neben der Beschriftung 1152 x 1920 px unterhalb von skalierten Ressourcen angezeigt werden. Wählen Sie das Bild mit 1152 x 1920 Pixeln (.png, .jpg oder .jpeg) aus, das Sie für das Bild des Begrüßungsbildschirms verwenden möchten.

    Wichtig Das von Ihnen ausgewählte Bild des Begrüßungsbildschirms muss 1152 x 1920 Pixel sein, was die richtige Größe für einen Skalierungsfaktor von 2,4x ist. Wenn dies die einzige Ressource ist, die Sie bereitstellen, wird sie für 1,4x- und 1x-Skalierungsfaktoren nach unten skaliert.

  6. Legen Sie im Feld "Hintergrundfarbe " des Abschnitts "Begrüßungsbildschirm " die Hintergrundfarbe fest, die mit dem Bild des Begrüßungsbildschirms angezeigt wird. Sie können entweder den Namen einer Farbe oder "#" und den Hexaxwert einer Farbe eingeben. Eine Liste der Namen der verfügbaren Farben finden Sie unter SplashScreen-Element. Das Festlegen einer Hintergrundfarbe für den Begrüßungsbildschirm ist optional. Wenn Sie keine Farbe für eine UWP-App angeben, wird die Hintergrundfarbe des Begrüßungsbildschirms standardmäßig auf hellgrau (Hexwert #464646) festgelegt. Dies ist die gleiche Farbe wie die Standardfarbe der Kachelhintergrundfarbe (siehe das Feld "Hintergrundfarbe" des Abschnitts "Kachelbilder und Logos" auf der Registerkarte "Visuelle Objekte"). Wenn Sie keine Farbe für eine Windows Phone angeben oder auf "transparent" festlegen, ist die Hintergrundfarbe des Begrüßungsbildschirms transparent.

Zusammenfassung und nächste Schritte

Wenn Ihre App eine Weile zum Laden benötigt, sollten Sie einen erweiterten Begrüßungsbildschirm hinzufügen. Eine schrittweise Anleitung finden Sie unter Erstellen eines angepassten Begrüßungsbildschirms.