Schnellstart: Hinzufügen eines Begrüßungsbildschirms (HTML)

  • Artikel

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]

Hier erfahren Sie, wie Sie das Bild und die Hintergrundfarbe für den Begrüßungsbildschirm der App mit Microsoft Visual Studio 2013 festlegen.

Sehen Sie dieses Feature in unserer Reihe App-Features von A bis Z in Aktion.: Windows Store-App-UI von A bis Z (HTML).

Voraussetzungen

In dieser Schnellstartanleitung wird Visual Studio 2013 verwendet. Informationen zum Herunterladen finden Sie unter Herunterladen der Tools.

Festlegen von Bild und Hintergrundfarbe für den Begrüßungsbildschirm mit Visual Studio 2013

Wenn Sie eine Visual Studio 2013-Vorlage zum Erstellen der App verwenden, wird dem Projekt ein Standardbild hinzugefügt und als Bild für den Begrüßungsbildschirm 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 das vorhandene Windows-Runtime-App-Projekt in Visual Studio 2013.

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

  3. Öffnen Sie die Registerkarte Visuelle Anlagen, und wählen Sie links im Fenster "Package.appxmanifest" unter Alle Bildanlagen die Option Begrüßungsbildschirm. Falls Sie den Begrüßungsbildschirm zum ersten Mal ändern, wird im Feld Begrüßungsbildschirm der Pfad "Assets\SplashScreen.png" angezeigt.

    Im folgenden Screenshot ist das Fenster "Package.appxmanifest" in Visual Studio 2013 dargestellt. Je nachdem, ob es sich um ein Projekt für eine Windows Store-App oder Windows Phone Store-App handelt, sehen Sie unterschiedliche visuelle Objekte.

    Screenshot des Fensters "Package.appxmanifest" in Visual Studio 2013

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

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

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

    Wichtig  Das Bild für den Begrüßungsbildschirm muss 620 x 300 Pixel groß sein und einen einfachen 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 Bild des Begrüßungsbildschirms muss 1152 1920 x Pixel aufweisen. Dabei handelt es sich um die richtige Größe für einen Skalierungsfaktor von 2.4x. 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 einen Farbnamen oder '#' und den Hexadezimalwert 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 Windows Store-App angeben, wird als Hintergrundfarbe für den Begrüßungsbildschirm standardmäßig Hellgrau (Hexadezimalwert #464646) verwendet. 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 eine Windows Phone Store-App 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 Schritt-für-Schritt-Anleitung finden Sie unter So wird's gemacht: Erweitern des Begrüßungsbildschirms. Weitere Informationen zum benutzerfreundlichen Laden finden Sie unter Richtlinien und Prüfliste für Begrüßungsbildschirme.

Möchten Sie mehr über die anderen Bilder erfahren, die für eine Windows Store-App erforderlich sind? Weitere Informationen finden Sie unter Auswählen der App-Bilder.

Verwandte Themen

Begrüßungsbildschirmbeispiel

Richtlinien und Prüfliste für Begrüßungsbildschirme

So wird's gemacht: Erweitern des Begrüßungsbildschirms

Auswählen der App-Bilder

Referenz

Package manifest schema SplashScreen element

Windows.ApplicationModel.Activation.SplashScreen class