Vue d’ensemble des vignettes et des notifications par vignette (applications Windows Runtime)

Applies to Windows and Windows Phone

Cette rubrique décrit les concepts et la terminologie liés aux vignettes d’application, lesquelles correspondent aux vignettes de l’écran d’accueil qui représentent et lancent votre application. Une vignette d’application est bien plus qu’une grosse icône ; elle a la capacité d’afficher un ensemble de contenu en perpétuelle évolution pouvant servir à avertir l’utilisateur d’événements associés à l’application (notamment des nouveaux billets sur des réseaux sociaux, de nouveaux grands titres d’actualité ou des cours de la Bourse) alors que l’application n’est pas en cours d’exécution. Une notification par vignette peut provenir d’un appel d’API local ou du cloud. Une vignette intéressante et utile peut motiver un utilisateur à lancer votre application et cet aspect du développement de votre application ne doit pas être pris à la légère.

Vignettes et notifications par vignette

Les vignettes sont disponibles dans plusieurs tailles : petite, moyenne, large et grande. La plupart des tailles peuvent afficher du texte, des images, la marque de l’application—(logo ou nom)—et des badges de notification. Le package d’application comprend une vignette par défaut, dans toutes les tailles prises en charge par l’application. À tout moment, l’utilisateur peut affecter à une vignette une taille prise en charge pour personnaliser son écran d’accueil.

L’illustration suivante représente l’écran d’accueil avec des vignettes moyennes et larges.

Écran d’accueil

Le contenu d’une vignette est défini en langage XML, selon un ensemble de modèles fournis par Windows. Pour définir le contenu d’une vignette, il vous suffit de remplir l’un des modèles avec votre propre texte et vos propres images. Vous pouvez également utiliser la bibliothèque NotificationsExtensions (recommandé) ou créer la charge utile XML du début à la fin et la fournir sous forme de chaîne (non recommandé).

Selon le modèle que vous sélectionnez, votre vignette peut contenir du texte, des images ou les deux. Elle peut également afficher un badge et soit un logo, soit un nom court. Le badge s’affiche dans l’angle inférieur droit et le logo ou nom court dans l’angle inférieur gauche. Vous pouvez voir des exemples de badges, de logos et de noms dans l’illustration ci-dessus.

  • Applies to Windows Phone

Windows Phone 8.1 ne prend pas en charge l’affichage du logo sur la vignette, et le badge apparaît dans le coin supérieur droit.

Remarque  Bien qu’un badge s’affiche sur une vignette, il ne fait pas partie du contenu XML de la vignette et n’est pas affecté par les mises à jour de vignette. Les badges possèdent leur propre schéma XML et se mettent à jour indépendamment via leur propre ensemble d’API.

Par défaut, les notifications Push, périodiques et planifiées expirent trois jours après avoir été émises. Les notifications par vignette locales n’expirent pas. Toutefois, il est conseillé de leur affecter un délai d’expiration. Étant donné que certaines notifications peuvent être ponctuelles, il arrive un moment où elles ne sont plus valides et où vous ne souhaitez plus que leur contenu s’affiche. En utilisant la date d’expiration, vous pouvez indiquer à votre vignette de supprimer ce contenu s’il est en cours d’affichage ou d’ignorer la notification lorsqu’elle arrive après la date d’expiration.

Utilisation de modèles de vignette

Les vignettes sont basées sur un ensemble non extensible de modèles XML fournis par Windows. Chaque modèle contient un mélange d’images et de texte de tailles différentes. L’utilisation de ces modèles permet à une application de garder l’aspect Windows attendu dans leurs notifications. Un modèle fournit une structure pour les éléments image et texte XML nécessaires pouvant être spécifiés par la notification.

Les modèles de vignette sont disponibles dans deux variétés pour toutes les vignettes : statique et synoptique. Le contenu d’une vignette synoptique peut défiler vers le haut et le bas dans l’espace de la vignette afin d’afficher l’ensemble de la communication ; les vignettes statiques sont fixes.

  • Applies to Windows Phone

Les modèles synoptiques utilisés sur Windows Phone 8.1 basculent au lieu de défiler.

Vignettes par défaut

Lors de la première installation de votre application, celle-ci affiche une vignette par défaut dans l’écran d’accueil. En général, il s’agit juste d’une représentation de votre logo ou image de marque. Dans l’illustration ci-dessus, les vignettes par défaut sont celles de Windows Internet Explorer et du Windows Store. Votre vignette par défaut est définie dans le fichier manifeste de votre application et apparaît jusqu’à ce qu’elle soit mise à jour via sa première notification. La vignette revient à sa valeur par défaut quand elle n’a pas d’autre notification à afficher.

Le choix que vous faites quand vous définissez votre vignette est définitif : si vous ne fournissez pas une image de logo particulière, l’utilisateur ne peut pas redimensionner la vignette de l’application à cette taille. Les notifications étant spécifiques de la taille, votre vignette ne peut pas recevoir de notification pour une taille de vignette sans image de logo. Cela ne peut être modifié que par l’émission d’une mise à jour de votre application incluant l’image de logo manquante pour sa vignette par défaut. Si vous incluez d’autres tailles de vignette dans votre manifeste, vous pouvez également déclarer celle que la vignette doit utiliser lors de l’installation, sachant toutefois que l’utilisateur pourra la modifier par la suite.

En outre, la vignette par défaut définit éventuellement une couleur d’arrière-plan à associer à votre marque ou tout simplement pour différencier votre vignette. Ce choix de couleur est également répété dans d’autres zones de l’interface utilisateur Windows :

  • Couleur des boutons figurant dans les boîtes de dialogue dont votre application est propriétaire
  • Page Description de l’application dans le Windows Store
  • Applies to Windows Phone

La valeur de couleur « transparent » oblige la vignette à utiliser la couleur d’accentuation du système, que l’utilisateur choisit dans Paramètres.

Une notification par vignette se définit en tant que document XML et ses éléments sont définis dans le schéma de vignette. Les notifications peuvent être envoyées à la vignette par l’application quand elle est en cours d’exécution, récupérées périodiquement à partir d’un URI (Uniform Resource Identifier) spécifique ou envoyées par un service cloud associé à l’application. Dans ce dernier cas, les notifications sont acheminées via les services de notifications Push Windows (WNS).

Pour obtenir la liste complète des modèles de vignettes disponibles, avec des explications de chacun d’eux, voir le Catalogue de modèles de vignette.

Cycle des notifications par vignette

Par défaut, une vignette n’affiche qu’une seule notification jusqu’à ce que cette dernière expire ou soit remplacée par une nouvelle notification. Quand une application permet à sa vignette de faire l’objet d’un cycle, le système fait automatiquement alterner jusqu’à cinq notifications actives sur la vignette. En général, la notification la plus ancienne est remplacée dans la file d’attente lorsqu’une nouvelle notification arrive. Toutefois, les notifications peuvent recevoir une balise afin que toute nouvelle notification dotée d’une balise spécifique remplace une notification plus ancienne portant la même balise, quelle que soit sa place dans la file d’attente. Par exemple, une notification qui montre une offre faite à une vente aux enchères peut être remplacée dans la file d’attente lorsque les enchères montent.

Selon la nature de votre application et ses notifications, votre cycle risque éventuellement de faire apparaître des notifications obsolètes ou dupliquées sur la vignette. Les balises peuvent servir à prévenir les notifications obsolètes. Pour plus d’informations, voir Comment utiliser la file de notifications avec des notifications locales.

Les notifications s’affichent de façon aléatoire avec un penchant pour le nouveau contenu. L’ordre d’affichage est entièrement déterminé par Windows ; vous ne devez pas dépendre d’un ordre d’affichage spécifique.

Exemples

  • Utilisez un cycle dans une application de news qui envoie cinq actualités par jour.
  • Utilisez un cycle dans une application de news qui envoie jusqu’à cinq images complémentaires pour illustrer une même actualité.
  • Utilisez un cycle avec des balises dans une application boursière qui envoie trois notifications par heure, chacune étant balisée pour une action spécifique.

Vignettes secondaires

Une vignette secondaire permet à un utilisateur d’accéder directement depuis l’écran d’accueil à un emplacement spécifique ou à une expérience particulière dans une application. L’application détermine le contenu à proposer sous forme d’option d’épinglage, mais l’utilisateur choisit si la vignette secondaire est créée ou supprimée. Cela permet à l’utilisateur de personnaliser son écran d’accueil avec les expériences qu’il utilise le plus.

Une vignette secondaire ne dépend pas de la vignette d’application principale et peut recevoir des notifications par vignette de façon indépendante. Lorsque la vignette secondaire est activée, un contexte d’activation est présenté à l’application parente afin qu’elle puisse se lancer dans le contexte de la vignette secondaire.

Pour plus d’informations sur les vignettes secondaires, voir Vue d’ensemble des vignettes secondaires.

Rubriques associées

Exemple de vignettes et de badges d’application
Démarrage rapide : création d’une vignette par défaut à l’aide de l’éditeur de manifeste de Microsoft Visual Studio
Démarrage rapide : envoi d’une mise à jour de vignette
Catalogue de modèles de vignette
Comment utiliser la file d’attente de notifications avec des notifications locales
Recommandations et liste de vérification sur les vignettes et les badges
Schéma XML des vignettes
Windows.UI.Notifications API reference
Vue d’ensemble des badges

 

 

Afficher:
© 2014 Microsoft