Notifications toast dans Windows Forms

À l'époque des technologies mobiles, les systèmes de notification jouent un rôle crucial dans le développement d'une application réactive. Informer l'utilisateur des événements importants qui se produisent dans l'application est primordial de nos jours. Mais comment le système d’exploitation Windows d’aujourd’hui fait face au mécanisme de notification?

L’émergence du système de notification Windows Toast

Microsoft a introduit les notifications toast avec Windows 8. Au début, le système était grossier et les toasts étaient assez simples. Mais cela a évolué depuis et maintenant, la notification toast est assez puissante, mais toujours un peu chaotique à comprendre. Alors qu'au début, un toast Windows pouvait contenir trois lignes de texte et une image, il peut désormais montrer une expérience plus riche à l'utilisateur – des toasts plus interactifs avec des zones de texte, des listes déroulantes et des boutons. Différents scénarios ont été ajoutés pour l'alarme, le rappel et les appels entrants. Vous pouvez également avoir des barres de progression, des éléments audio, des regroupements, etc.

Une notification toast est décrite par XML. Au début, le XML était plus simple car il n'y avait pas beaucoup d'éléments différents – seulement les champs de texte et un champ d'image. Mais avec le développement des notifications toast, le XML est devenu plus complexe avec de nombreux éléments et attributs différents pour le décrire.

Beaucoup a été fait au cours des dernières années, et maintenant les notifications toast dans Windows peuvent être un outil puissant entre les mains d'un développeur.

Notification Toast et WinForms

Le développement de notifications toast pour Windows est rationalisé pour les applications UWP . Mais en ce qui concerne les technologies plus anciennes, les développeurs doivent surmonter certains obstacles, comme l'enregistrement des serveurs et des activateurs, pour que les notifications toast fonctionnent. Heureusement, le nouveau RadToastNotificationManager dans Telerik UI pour Windows Forms vient pour sauver la situation! Avec lui, vous pouvez facilement concevoir et afficher vos notifications à l'aide d'un puissant concepteur Visual Studio. Voyons maintenant comment nous pouvons utiliser ce nouvel outil.

Mise en route

Vous pouvez toujours essayer le nouveau RadToastNotificationManager . téléchargez la version d'évaluation et commencez à créer vos propres notifications toast.

Démarrer mon essai

Designer

Pour commencer, faites glisser et déposez le composant RadToastNotificationManager de la boîte à outils vers votre formulaire . Sélectionnez ensuite «Créer des notifications Toast…» dans le menu des balises actives et le concepteur s'affichera.

Le concepteur dispose de trois panneaux:

1. Liste des notifications toast créées, à gauche
2. Editeur de syntaxe XML, au milieu
3. Liste des éléments, sur le bouton droit
4. Aperçu!

Utilisation un menu simple sur la gauche, vous pouvez créer différentes notifications toast à partir de modèles prédéfinis. Le modèle générique est le modèle simple le plus élémentaire. Les autres modèles offrent des exemples que vous pouvez utiliser pour voir comment certains des éléments interagissent. N'hésitez pas à jouer avec eux.

Le modèle Legacy n'est utilisé que pour Windows 8. Si vous exécutez le toast sous Windows 10, le modèle Legacy sera affiché comme le modèle générique moderne. Les modèles génériques ne fonctionnent pas sous Windows 8!

Dans le volet central, vous pouvez voir un SyntaxEditor où le modèle actuellement sélectionné est affiché. Vous pouvez éditer le XML et afficher immédiatement le résultat en utilisant le bouton Aperçu.

Sur le côté droit, il y a une liste d'éléments avec des attributs qui peuvent être ajoutés au toast. N'oubliez pas que vous pouvez toujours utiliser l'éditeur XML et simplement les écrire ou les modifier sur place, mais tant que vous n'aurez pas appris les subtilités des notifications toast, le volet Éléments vous sera utile.

Le bouton Aperçu peut afficher le XML actuellement édité comme une notification toast. Gardez à l'esprit qu'il s'affiche sur votre système lorsque Windows le rend. Étant donné que l'apparence d'une notification toast dépend de la version et du thème de Windows, celle-ci peut être différente selon les machines.

Toast Elements

La plupart des éléments que vous pouvez avoir dans un toast sont simples. Il y a aussi une icône d'information qui explique un peu plus pour chaque attribut que vous pouvez avoir. Vous pouvez suivre cet article pour une description complète du schéma de toast.

Certains éléments sont introduits dans Windows 10 Anniversary / Creators Update. L'article décrit cela en détails.

Il existe quatre groupes principaux d'éléments que vous pouvez avoir dans un toast: visuel, actions, audio et en-tête.

Dans le groupe Visuel, vous avez les éléments non interactifs tels que le texte, l'image, le groupe adaptatif, etc. Les groupes adaptatifs agissent comme des lignes et des colonnes. Chaque élément de groupe est affiché sur une seule ligne . Chaque sous-groupe est une seule colonne dans cette ligne. Consultez le modèle météo par exemple.

Les actions sont tous des éléments interactifs: boutons, zones de texte, zones de liste déroulante et éléments de menu contextuel. Les zones de texte et les zones de liste déroulante ont l'identifiant, qui à côté de la valeur du champ forme une paire clé-valeur qui est transmise à l'activateur. Vous pouvez avoir jusqu'à cinq actions, y compris les différents éléments du menu contextuel.

Un audio est un élément distinct et peut être utilisé pour les alarmes et les rappels par exemple. Vous pouvez utiliser différents échantillons de tonalité prédéfinis.

Un en-tête est comme un regroupement. Lorsque vous configurez le même en-tête pour différents toasts, ils seront regroupés dans le centre d'action.

Le toast lui-même peut avoir un des trois scénarios différents: rappel, alarme ou appel entrant. Cela se fait avec un attribut dans l'élément toast lui-même. Les scénarios modifient la façon dont la notification ressemble et se comporte. Vous pouvez consulter les exemples appropriés qui utilisent ces scénarios.

Sur la gauche, vous voyez un scénario d'appel entrant – il y a une sonnerie, lorsque le toast est affiché et que les boutons sont conçus et disposés d'une manière différente par rapport à une notification toast ordinaire.

Under the Hood

Now that vous avez conçu votre première notification toast, voyons comment l'utiliser. Tout d'abord, vous devrez enregistrer le gestionnaire afin que Windows sache comment l'appeler lors de l'interaction de l'utilisateur. Nous allons plonger dans les différentes options d'enregistrement et expliquer un peu le rôle des raccourcis et des activateurs.

Raccourcis

Pour afficher les notifications toast, un raccourci dans le menu Démarrer doit être installé ou créé pour l'application qui affiche les notifications. Vous pouvez soit créer le raccourci vous-même, soit utiliser RadToastNotificationManager pour le faire à votre place. Si vous avez choisi de créer vous-même le raccourci, vous aurez besoin du AUMID de votre application et d'un activateur.

Activator

Lorsque l'utilisateur interagit avec la notification, nous aurons besoin d'un moyen de le savoir. Voici l'activateur. Là encore, vous avez deux possibilités: définissez votre propre activateur, qui dérive de RadToastNotificationActivatorBase ou utilisez l'événement RadToastActivated, qui se déclenchera lors de l'interaction de l'utilisateur, si vous n'avez pas défini votre activateur personnalisé. Je recommande d'utiliser l'événement, mais si vous avez besoin de définir votre propre activateur personnalisé, vous devrez ajouter une référence à Microsoft.Toolkit.Uwp.Notifications 6.1.1 dans votre projet.

Si votre application est fermée et l'utilisateur interagit avec un toast, Windows démarrera votre application en utilisant l'argument «-ToastActivated». Vous pouvez ajouter le code suivant dans votre méthode Main pour gérer ce cas.

 // Si lancé depuis un toast   
   string []  args = Environment.GetCommandLineArgs ( );   
   if   (args.Contains ( "- ToastActivated" ))   
   {  
    // Gérez votre logique personnalisée ici    
  } [19659054] Inscription / Désinscription 
 Avant de pouvoir afficher et interagir avec les notifications toast, vous devez enregistrer le gestionnaire. RadToastNotificationManager propose quatre méthodes d'enregistrement différentes. 

 Register  (string exePath, string shortcutName, string aumid) où T: RadToastNotificationActivatorBase 
 Ici, vous avez toute la liberté de définir votre propre activateur et l'enregistrement créera un raccourci pour vous si vous passez shortcutName. Si shortcutName est nul ou vide, aucun raccourci ne sera créé, mais vous devrez le faire vous-même. Si vous créez un raccourci à l'aide de shortcutName, vous devez également transmettre le chemin de votre exécutable. 
    
  Register (string exePath, string shortcutName, string aumid) 
 Idem que ci-dessus, mais au lieu d'utiliser un activateur personnalisé, L'événement RadToastActivated sera déclenché. 
    
  Register  () where T: RadToastNotificationActivatorBase 
 Vous passez votre propre activateur, mais un raccourci par défaut est créé dans le menu démarrer. 
    
  Register ( ) 
 Le raccourci par défaut est créé et l'événement RadToastActivated sera déclenché lors de l'activation. 
 Je recommande d'utiliser les méthodes 2nd ou 4th Register, selon la manière dont vous allez gérer la création de raccourcis. Les deux autres enregistrements nécessiteront que vous définissiez votre activateur personnalisé. 
 Comme pour les méthodes Register, il existe quatre méthodes Unregister avec des définitions similaires. L'annulation de l'enregistrement effacera les toasts actuels et nettoiera les registres de l'enregistrement. Il est recommandé d'appeler la méthode Unregister appropriée lors de la sortie de l'application ou de préférence lors de sa désinstallation. 
 Gardez à l'esprit que la désinscription effacera toutes les notifications toast actuelles du centre d'action. 
 Afficher la notification 
 Après avoir conçu nos notifications toast bien-aimées et enregistré les raccourcis et les activateurs, nous voudrons les afficher à la fin 😊. Il existe trois méthodes ShowNotification dans le gestionnaire. Deux d'entre eux affichent des notifications de la collection ToastNotifications dans le gestionnaire en fonction de l'index ou du nom de la notification. 
 Les noms des notifications que vous créez doivent être uniques! 
 Il existe également une méthode permettant d'afficher un RadToastNotification unique, qui ne doit pas nécessairement faire partie de la collection. 
 Avec la méthode HideNotification, vous pouvez masquer les notifications les plus récentes. 
 Dernières pensées 
 Le mécanisme de notification Toast dans Windows 10 s'avère puissant. Les développeurs peuvent créer des notifications riches et conviviales avec une interface utilisateur à la fois simple et complexe. A vous d'envisager des toasts bons et intuitifs qui accompagneront votre application. 

Hélas mon ami, bien que le système de notification Toast soit fantastique, gardez à l'esprit qu'il n'est pas encore pris en charge pour .NET 5, mais la rumeur le court - c'est à l'horizon avec d'autres fonctionnalités intéressantes! Quoi qu'il en soit, commencez avec la nouvelle notification toast aujourd'hui et que le code soit avec vous!

P.S .: Psst, si vous n'avez pas essayé l'interface utilisateur Telerik pour WinForms, vous devriez  consulter notre essai gratuit  ou mieux encore - parcourir toutes nos suites d'interface utilisateur dans le  bundle DevCraft !