Démarrage rapide : ajout d’un écran de démarrage (HTML)
[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]
Définissez l’image et la couleur d’arrière-plan de l’écran de démarrage de votre application à l’aide de Visual Studio 2013.
Voir cette fonctionnalité en action dans le cadre de notre série Fonctionnalités d’application de A à Z: Interface utilisateur des applications du Windows Store de A à Z (HTML).
Prérequis
Ce didacticiel de démarrage rapide utilise Visual Studio 2013. Pour télécharger les éléments nécessaires, voir Obtenir les outils.
Définir l’image et la couleur d’arrière-plan de l’écran de démarrage dans Visual Studio 2013
Quand vous utilisez un modèle Visual Studio 2013 pour créer votre application, une image par défaut est ajoutée à votre projet et définie en tant qu’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 :
Ouvrez votre projet d’application Windows Runtime dans Visual Studio 2013.
Dans l’Explorateur de solutions, ouvrez le fichier "Package.appxmanifest". Vous pouvez également ouvrir ce fichier à partir de la barre de menus en choisissant Projet, Windows Store et Modifier le manifeste d’application.
Ouvrez l’onglet Composants visuels et sélectionnez Écran de démarrage dans le volet Tous les composants de l’image du côté gauche de la fenêtre "Package.appxmanifest". Si vous changez votre écran de démarrage pour la première fois, vous voyez le chemin d’accès "Assets\SplashScreen.png" dans le champ Écran de démarrage.
La capture d’écran suivante montre la fenêtre "Package.appxmanifest" dans Visual Studio 2013. Selon que le projet est pour une application du Windows Store ou une application du Windows Phone Store, vous verrez un ensemble de ressources visuelles légèrement différent.
.png "Capture d’écran de la fenêtre \"Package.appxmanifest\" dans Visual Studio 2013")
Si vous ouvrez "Package.appxmanifest" dans un éditeur de texte, SplashScreen element doit s’afficher en tant qu’enfant de VisualElements element. Le balisage de l’écran de démarrage par défaut dans le fichier manifeste ressemble à ceci dans un éditeur de texte :
<m2:SplashScreen Image="Assets\splashscreen.png" />Pour sélectionner une nouvelle image d’écran de démarrage pour une application du Windows Store, appuyez sur le bouton comportant des points de suspension, qui s’affiche à côté de l’étiquette 620 x 300 px sous Composants mis à l’échelle. Choisissez l’image de 620 x 300 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 x1. 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.
Pour sélectionner une nouvelle image d’écran de démarrage pour une application du Windows Store, appuyez sur le bouton comportant des points de suspension, qui s’affiche à côté de l’étiquette 1 152 x 1 920 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 1 152 x 1 920 pixels, qui est la taille correcte pour un facteur d’échelle de 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.
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écimale d’une couleur. Pour obtenir la liste des noms de couleurs disponibles, voir SplashScreen element.
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 du Windows Store, la couleur d’arrière-plan de l’écran de démarrage est gris clair par défaut (valeur hexadécimale 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 de couleur pour une application du Windows Phone Store ou si vous la définissez sur « transparent », la couleur d’arrière-plan de l’écran de démarrage sera transparente.
Récapitulatif et étapes suivantes
Si votre application met un certain temps à se charger, ajoutez un écran de démarrage étendu. Pour obtenir des instructions pas à pas, voir Comment étendre l’écran de démarrage. Pour en savoir plus sur la création d’une expérience de chargement satisfaisante, voir Recommandations et liste de vérification sur les écrans de démarrage.
Vous voulez en savoir plus sur les autres images nécessaires pour une application du Windows Store ? Consultez Choix des images de votre application.
Rubriques associées
Recommandations et liste de vérification sur les écrans de démarrage
Comment étendre l’écran de démarrage
Choix des images de votre application
Référence