Freigeben über

Hinzufügen eines Begrüßungsbildschirms

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

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

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 UWP-App-Projekt (Universelle Windows-Plattform) in Visual Studio.

  2. Öffnen Sie im Projektmappen-Explorerdie Datei "Package.appxmanifest". Sie können diese Datei auch über die Menüleiste öffnen, indem Sie die Option Project>Store>App-Manifest bearbeitenwählen.

  3. Öffnen Sie die Registerkarte Visuelle Objekte und wählen Sie Startbildschirm 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.

    einen Screenshot des Fensters

    Wenn Sie "Package.appxmanifest" in einem Text-Editor öffnen, wird das SplashScreen-Element als untergeordnetes Element des VisualElements-Elementsangezeigt. Das standardmäßige Markup für den Startbildschirm 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 Startbildschirm einer UWP-App auszuwählen, drücken Sie neben der Bezeichnung 1240 x 600 px unter Skalierte Ressourcedie Schaltfläche mit den Auslassungspunkten. Wählen Sie das Bild mit 1240 x 600 Pixeln (.png, .jpgoder .jpeg) aus, das Sie für das Bild des Begrüßungsbildschirms verwenden möchten.

    Wichtig Das von Ihnen ausgewählte Begrüßungsbildschirmbild 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. Es füllt den Bildschirm nicht aus wie ein Startbildschirm einer Windows Phone Store-App.

  5. Um ein neues Bild für einen Begrüßungsbildschirm für eine Windows Phone Store-App auszuwählen, drücken Sie die Schaltfläche mit den Auslassungspunkten, die neben der 1152 x 1920 px Bezeichnung unter Skalierte Objekteangezeigt werden. Wählen Sie das Bild mit 1152 x 1920 Pixel (.png, .jpgoder .jpeg) aus, das Sie für das Bild des Begrüßungsbildschirms verwenden möchten.

    Wichtig Das von Ihnen ausgewählte Bild für den Begrüßungsbildschirm muss 1152 x 1920 Pixel betragen. Dies ist die richtige Größe für einen Skalierungsfaktor von 2,4x. Wenn dies der einzige Vermögenswert ist, den Sie bereitstellen, wird er für die Skalierungsfaktoren 1,4x und 1x verkleinert.

  6. Legen Sie im Feld Hintergrundfarbe des Abschnitts Begrüßungsbildschirm die Hintergrundfarbe fest, die zusammen mit Ihrem Begrüßungsbild 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 Kachel Hintergrundfarbe (siehe das Feld Hintergrundfarbe Feld des Abschnitts Kachelbilder und Logos auf der Registerkarte visuelle Objekte). Wenn Sie keine Farbe für ein 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 Schritt-für-Schritt-Anleitung finden Sie unter Erstellen eines benutzerdefinierten Begrüßungsbildschirms.

  • Last updated on