Hinzufügen eines Begrüßungsbildschirms

  • Artikel

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

Festlegen des Begrüßungsbildschirmbilds und der Hintergrundfarbe in Visual Studio

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

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

  2. Öffnen Sie im Projektmappen-Explorer die Datei „Package.appxmanifest“. Sie können diese Datei auch über die Menüleiste öffnen, indem Sie Project>Store>App-Manifest bearbeiten auswählen.

  3. Öffnen Sie die Registerkarte Visual Assets, und wählen Sie im Bereich Alle visuellen Ressourcen links im Fenster "Package.appxmanifest" die Option Begrüßungsbildschirm aus. Wenn Sie ihren Begrüßungsbildschirm zum ersten Mal ändern, wird im Feld Begrüßungsbildschirm der Pfad "Assets\SplashScreen.png" angezeigt.

    Der folgende Screenshot zeigt das Fenster "Package.appxmanifest" in Visual Studio. Je nach Art des Projekts werden leicht unterschiedliche Sätze von visuellen Ressourcen angezeigt.

    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 Begrüßungsbildschirm-Markup in der Manifestdatei sieht in einem Text-Editor wie folgt aus:

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

  4. Drücken Sie zum Auswählen eines neuen Begrüßungsbildschirm-Bilds für eine UWP-App die Schaltfläche mit den Auslassungspunkten, die neben der Bezeichnung 1240 x 600 px unterhalb von Skalierte Anlagen angezeigt wird. Wählen Sie das Bild mit 1240 x 600 Pixeln (PNG, JPG oder JPEG) aus, das Sie für den Begrüßungsbildschirm verwenden möchten.

    Wichtig Das von Ihnen ausgewählte Begrüßungsbildschirmbild muss 620 x 300 Pixel mit einem 1-fachen Skalierungsfaktor aufweisen. Beachten Sie beim Entwerfen des Begrüßungsbildschirms zudem, dass er kleiner als der Bildschirm und zentriert angezeigt wird. Im Gegensatz zum Begrüßungsbildschirm einer Windows Phone Store-App füllt er den Bildschirm nicht komplett aus.

  5. Drücken Sie zum Auswählen eines neuen Bilds für eine Windows Phone Store-App die Schaltfläche mit den Auslassungszeichen, die neben der Bezeichnung 1152 x 1920 px unterhalb von Skalierte Anlagen angezeigt wird. Wählen Sie das Bild mit 1152 x 1920 Pixeln (.png, .jpg oder .jpeg) aus, das Sie für den Begrüßungsbildschirm verwenden möchten.

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

  6. Legen Sie im Abschnitt Begrüßungsbildschirm im Feld Hintergrundfarbe die Hintergrundfarbe fest, die zusammen mit Ihrem Bild angezeigt werden soll. Sie können entweder den Namen einer Farbe oder "#" und den Sechskantwert einer Farbe eingeben. Eine Liste mit den Namen der verfügbaren Farben finden Sie unter SplashScreen-Element. Das Festlegen einer Hintergrundfarbe für Ihren Begrüßungsbildschirm ist nicht unbedingt erforderlich. Wenn Sie keine Farbe für eine UWP-App angeben, ist die Hintergrundfarbe des Begrüßungsbildschirms standardmäßig hellgrau (Sechskantwert #464646). Dies ist die gleiche Farbe wie die standardmäßige Hintergrundfarbe für eine Kachel (siehe Feld Hintergrundfarbe im Abschnitt Bilder für Kacheln und Logos auf der Registerkarte Visuelle Anlagen). Wenn Sie keine Farbe für ein Windows Phone angeben oder „transparent“ festlegen, wird die Hintergrundfarbe des Begrüßungsbildschirms transparent sein.

Zusammenfassung und nächste Schritte

Falls das Laden der App einige Zeit dauert, können Sie erwägen, einen erweiterten Begrüßungsbildschirm hinzuzufügen. Eine schrittweise Anleitung finden Sie unter Erstellen eines benutzerdefinierten Begrüßungsbildschirms.