Démarrage rapide : création d’une vignette par défaut à l’aide de l’éditeur de manifeste de Microsoft Visual Studio (applications Windows Runtime)

  • Article

[ 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 ]

Cette rubrique vous guide à travers les étapes nécessaires à la création d’une vignette par défaut (celle qui s’affiche sur l’écran d’accueil jusqu’à ce qu’elle commence à recevoir des notifications) à l’aide de l’éditeur de manifeste de Visual Studio.

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

Objectif: créer un projet dans Visual Studio à l’aide d’un modèle installé, puis définir une vignette par défaut et son image dans le manifeste du package.

Prérequis

  • Vous devez disposer d’une version de Visual Studio qui prenne en charge Windows 8 au minimum
  • Une image de logo, ou un jeu d’images, à afficher sur la vignette.
  • Une version plus petite de l’image de logo qui sera utilisée dans les résultats de recherche, dans la liste des applications et à d’autres emplacements de l’interface utilisateur.
  • Facultatif : une version large du fichier image du logo. Pour plus d’informations sur quand il convient, ou non, d’inclure une image large, voir Recommandations et liste de vérification sur les vignettes.

Instructions

1. Créez un projet.

  1. Ouvrez Visual Studio.
  2. Cliquez sur Nouveau projet.
  3. Cliquez sur Installé dans le volet gauche s’il n’est pas déjà développé.
  4. Sous Modèles, développez la langue du projet.
  5. Choisissez Applications de Store.
  6. Choisissez l’option appropriée pour votre application : Applications Windows, Applications Windows Phone ou Applications universelles (incluant les applications Windows et Windows Phone).
  7. Dans le volet central de la fenêtre Nouveau projet, choisissez Application vide.
  8. Attribuez un nom à votre projet en bas de la fenêtre.
  9. Cliquez sur OK.

2. Ouvrir l’éditeur de manifeste

  1. Si l’Explorateur de solutions ne s’affiche pas, choisissez-le dans le menu Affichage.
  2. Double-cliquez sur package.appxmanifest. Cela ouvre la fenêtre de l’éditeur de manifeste.

3. Fournir les détails de la vignette par défaut

Remarque  Cette étape ne présente pas toutes les options disponibles dans l’éditeur de manifeste, mais simplement celles qui concernent la vignette par défaut.

 

  1. Cliquez sur l’onglet Application (s’il n’est pas déjà sélectionné).

  2. Si nécessaire, modifiez le nom complet. Il s’agit du nom sous lequel la vignette est répertoriée dans la liste des applications et qui est affiché sur la vignette.

  3. Cliquez sur l’onglet Composants visuels.

  4. Sous Mosaïque et logos, des images par défaut sont proposées pour tous les logos du manifeste Windows Phone, ainsi que pour une sélection de logos du manifeste Windows :

    • Logo carré 150x150
    • Logo carré 30x30
    • Logo Windows Store

    Vous devez remplacer ces images par les vôtres. Vous avez la possibilité de fournir des images pour différentes échelles visuelles, mais vous n’êtes pas obligé de le faire pour toutes. Si vous ne voulez fournir qu’une seule image pour chaque logo, choisissez l’échelle 180 % pour Windows et l’échelle 240 % pour Windows Phone. Notez que les images fournies doivent respecter les dimensions exactes en pixels indiquées dans l’éditeur de manifeste.

    Important  Pour les vignettes de taille large et grande, vous devez fournir des images de logo de taille large ou grande pour que l’utilisateur puisse redimensionner la vignette de votre application à ces tailles. Sans ces images de logo, la vignette de votre application sera limitée aux tailles moyenne et petite.

     

  5. Donnez un nom court à l’application. Il peut être utilisé sur la vignette à la place du nom complet. Ce nom ne doit pas dépasser 13 caractères. Si le nom est trop long, il est alors tronqué. Vous pouvez choisir d’afficher le logo, le nom court, ou aucun des deux dans les mises à jour de la vignette.

  6. Choisissez les tailles de vignette pour lesquelles le nom court peut être affiché.

  7. Windows uniquement : indiquez si le texte du nom doit utiliser une police claire ou foncée en basant votre choix sur la couleur d’arrière-plan de la vignette.

  8. Windows uniquement : choisissez la taille par défaut de votre vignette. Lorsque l’utilisateur épingle votre application sur l’écran d’accueil, elle apparaît dans cette taille.

  9. Acceptez la couleur d’arrière-plan par défaut ou précisez votre propre couleur par sa représentation sous forme de chaîne de couleur W3DC (par exemple, « #FFFFFF »). Cette couleur d’arrière-plan permet d’apporter des couleurs à d’autres aspects de votre application : la couleur d’un bouton dans des boîtes de dialogue spécifiques à une application et sur la page Description de l’application dans le Windows Store. Remarque  Windows Phone : définissez la couleur d’arrière-plan sur « transparent » pour utiliser la couleur d’accentuation du système.

     

Récapitulatif et étapes suivantes

Dans ce démarrage rapide, vous avez créé la définition d’une vignette par défaut dans le manifeste d’un package.

Une fois l’application installée, vous pouvez commencer à actualiser la vignette par des informations adaptées à l’utilisateur. Pour tout savoir sur la conception et l’envoi d’une notification par vignette, voir Démarrage rapide : envoi d’une mise à jour par vignette.

Rubriques associées

Exemple de scénarios de fonctionnalité Reversi : vignette et écran de démarrage