Ajouter un écran de démarrage

  • Article

Définissez l’image de l’écran de démarrage et la couleur d’arrière-plan de votre application à l’aide de Microsoft Visual Studio.

Définir l’image de l’écran de démarrage et la couleur d’arrière-plan dans Visual Studio

Lorsque vous utilisez un modèle Visual Studio pour créer votre application, une image par défaut est ajoutée à votre projet et définie comme image de l’écran de démarrage. Par défaut, la couleur d’arrière-plan de votre écran de démarrage est gris clair. Pour modifier l’image ou la couleur par défaut de l’écran de démarrage de votre application, procédez comme suit :

  1. Ouvrez votre projet d’application plateforme Windows universelle (UWP) existant dans Visual Studio.

  2. Dans l’Explorateur de solutions, ouvrez le fichier Package.appxmanifest. Vous pouvez également ouvrir ce fichier à partir de la barre de menus en choisissantModifier le manifeste de l’application duMagasin>de projets>.

  3. Ouvrez l’onglet Ressources visuelles et sélectionnez Écran de démarrage dans le volet Tous les éléments visuels sur le côté gauche de la fenêtre « Package.appxmanifest ». Si vous modifiez votre écran de démarrage pour la première fois, le chemin « Assets\SplashScreen.png » s’affiche dans le champ Écran de démarrage .

    La capture d’écran suivante montre la fenêtre « Package.appxmanifest » dans Visual Studio. Selon le type de projet, l’ensemble des ressources visuelles peut différer légèrement.

    capture d’écran de la fenêtre « package.appxmanifest » dans Visual Studio 2019

    Si vous ouvrez « Package.appxmanifest » dans un éditeur de texte, l’élément SplashScreen apparaît en tant qu’enfant de l’élément VisualElements. Le balisage de l’écran de démarrage par défaut dans le fichier manifeste ressemble à ceci dans un éditeur de texte :

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

  4. Pour sélectionner une nouvelle image d’écran de démarrage pour une application UWP, appuyez sur le bouton comportant des points de suspension, qui s’affiche à côté de l’étiquette 1240 x 600 px sous Composants mis à l’échelle. Choisissez l’image de 1240 x 600 pixels (.png, .jpg ou .jpeg) que vous voulez utiliser comme image d’écran de démarrage.

    Important Vous devez choisir une image de 620 x 300 pixels avec un facteur d’échelle 1x. Lorsque vous concevez votre écran de démarrage, notez également qu’il est inférieur à l’écran et centré. Il ne remplit pas l’écran comme l’écran de démarrage d’une application du Windows Phone Store.

  5. Pour sélectionner une nouvelle image d’écran de démarrage pour une application du Windows Phone Store, appuyez sur le bouton comportant des points de suspension, qui s’affiche à côté de l’étiquette 1152 x 1920 px sous Composants mis à l’échelle. Choisissez l’image de 1 152 x 1 920 pixels (.png, .jpg ou .jpeg) que vous voulez utiliser comme image d’écran de démarrage.

    Important L’image d’écran de démarrage que vous choisissez doit être de 1152 x 1920 pixels, qui est la taille correcte pour le facteur d’échelle 2,4x. Si c’est la seule ressource que vous fournissez, elle sera réduite pour les facteurs d’échelle de 1,4x et 1x.

  6. Dans le champ Couleur d’arrière-plan de la section Écran de démarrage, définissez la couleur d’arrière-plan affichée avec l’image d’écran de démarrage. Vous pouvez entrer le nom d’une couleur ou « # » et la valeur hexadécimal d’une couleur. Pour obtenir la liste des noms des couleurs disponibles, consultez Élément SplashScreen. La définition d’une couleur d’arrière-plan d’écran de démarrage est facultative. Si vous ne spécifiez pas de couleur pour une application UWP, la couleur d’arrière-plan de l’écran de démarrage est gris clair par défaut (valeur hexadécimal #464646). Il s’agit de la même couleur que la couleur d’arrière-plan par défaut de la vignette (voir le champ Couleur d’arrière-plan de la section Mosaïque et logos de l’onglet Ressources visuelles). Si vous ne spécifiez pas de couleur pour un Windows Phone ou si vous la définissez sur « transparent », la couleur d’arrière-plan de l’écran de démarrage sera transparente.

Résumé et étapes suivantes

Si votre application met un certain temps à se charger, ajoutez un écran de démarrage étendu. Pour obtenir des instructions détaillées, consultez Créer un écran de démarrage personnalisé.