Attention, NotifyIcon pour WPF est sorti! Maintenant, jouons à un jeu!

Rejoignez-nous dans notre quête pour découvrir la nouvelle icône de notification dans Telerik UI pour WPF – officiellement sortie de la version bêta et prête à jouer.

La R3 2020 release de Telerik UI pour WPF est sorti et regorge de butins qui n'attendent que vous. L'un de ces trésors est l'icône de notification qui est maintenant sortie de la version bêta et officiellement prête à jouer.

L'icône de notification est un personnage principal de l'univers Windows depuis Windows 95. Il y a probablement très peu ou pas d'utilisateurs de Windows qui n'ont pas interagi avec l'un d'eux lorsqu'ils se sont aventurés dans la zone de notification de leur bureau. Vous y trouverez les armoiries de toutes les applications que vous avez exécutées sous forme d'icônes. Chaque icône signalant l'état de l'application via son sigil ou vous donnant le contrôle de ses capacités via une ou plusieurs popup (s) et / ou menu (s) contextuel (s). Dans d'autres situations, lorsqu'une application a besoin de votre attention, elle enverra son messager pour vous agiter une bannière. Cette bannière sera à côté de la zone de notification sous la forme d'une bulle de notification ou à côté de l'icône comme une info-bulle ou une fenêtre contextuelle.

Maintenant que vous connaissez le personnage principal du jeu d'aujourd'hui, préparez-vous joueur un pour nous sont sur le point de se lancer dans un voyage à travers le monde de Notify Icon for WPF et ses fonctionnalités. Vous choisissez s'il s'agit d'une course rapide ou d'une chasse au trésor approfondie dans tous les coins de la carte. Passons maintenant directement aux pop, aux astuces et aux bulles.

Chaque partie commence par un didacticiel (info-bulles)

C'est une situation potentielle pour réussir ou casser. Vous avez peut-être le meilleur jeu avec les meilleurs mécanismes, mais si personne ne comprend comment les utiliser, ce n’est pas amusant dans le parc. Un début plus doux serait de les présenter un par un et de construire la relation entre le joueur et le jeu. Cette même approche peut être adoptée lors de la présentation de votre application au client. Vous commencez avec une icône dans la zone de la barre d'état et lorsque l'utilisateur ose s'approcher de l'icône, vous affichez une info-bulle. Quel type d'info-bulle devez-vous afficher? Eh bien, cela dépend entièrement de vous. Vous savez juste que quoi que vous choisissiez, vous pouvez l'implémenter avec l'icône de notification WPF. Vous pouvez passer de l'info-bulle standard qui est juste un texte élégant sur un arrière-plan coloré, à une info-bulle personnalisée à part entière avec une interface utilisateur aussi riche que possible.

 <telerik: RadNotifyIcon 
 x: Name = "icon" 
 GuidItem = "" 
 DataContext = "{Binding ElementName = viewModel}" 
 UseNativeTooltip = "False" 
 TrayIconSource = "/Icons/ProgressGreen.ico"
 TooltipContent =" {Binding} "> 
 
 
 ... 
 
 
 

Menu principal et contrôleurs (entrée)

Chaque jeu nécessite une sorte d'entrée et une sorte de rétroaction à cette entrée. Naturellement, vous pouvez avoir cela avec l'icône de notification, pas de soucis. Vous pouvez réagir aux clics de souris et aux doubles clics de n'importe quel bouton de la souris ainsi que la sélection avec le clavier ou la souris. Vous pouvez donner plus de commandes à vos utilisateurs via le menu contextuel. Pourquoi ne pas y mettre tout le menu principal?

 <telerik: RadNotifyIcon 
 x: Name = "icon" 
 GuidItem = "" 
 DataContext = "{Binding ElementName = viewModel}" 
 TrayIconSource = "/ Icons / ProgressGreen.ico" 
 TrayContextMenu = "{Binding ElementName = contextMenu} "
 Co ntextMenuActivationMouseEvent = "RightClick" /> 
 
 
 

Whack- a-Mole (popups)

Dans ce jeu classique, les taupes sortent des trous et vous les frappez sur la tête avec un maillet pour les faire disparaître. Imaginez maintenant que toutes les taupes avaient quelque chose à vous dire et qu'elles livrent leur message en rampant hors de leur trou. Tout va bien sauf que, comme le jeu le démontre, les taupes sont un peu agitées et le format des messages qu'elles peuvent délivrer est très limité. Par conséquent, nous avons décidé de ne pas utiliser de taupes et à la place, nous avons implémenté des popups qui peuvent afficher n'importe quelle combinaison de composants. Vous avez le contrôle sur l'animation d'ouverture et de fermeture via PopupShowAnimation et PopupHideAnimation. En outre, vous pouvez modifier le moment où la fenêtre contextuelle se ferme: lorsque l'utilisateur éloigne le focus, après un délai d'expiration défini ou uniquement lorsque vous appelez l'API pour la fermer. Vous pouvez également combiner l'un de ces modes de fermeture à l'aide de la propriété enum PopupCloseMode. Pour obtenir l'expérience de whack-a-mole, vous aurez besoin de la valeur Timeout avec une réaction programmatique à la souris qui est également connue sous le nom de «maillet virtuel».

Si vous êtes impatient de commencer, allez chercher le Interface utilisateur Telerik pour les bits WPF R3 2020 et essayez-le.

 <telerik: RadNotifyIcon 
 x: Name = "icon" 
 GuidItem = "" 
 DataContext = "{Binding ElementName = viewModel}" 
 TrayIconSource = "/ Icons / ProgressGreen.ico" 
 PopupActivationMouseEvent = "LeftClick" 
 PopupCloseMode = "None" 
 PopupContent = "{Binding}"> 
 
 
 ... 
 
 
 

Meilleurs scores – C'est pourquoi nous jouons, n'est-ce pas? ( ballons)

Certaines choses dans la vie et dans le jeu méritent d'être reconnues et célébrées. Dans ces moments-là, les ballons sont une victoire garantie. Vous pouvez faire voler des ballons dans le ciel à chaque événement de jeu sympa comme les combos, les points forts , des mouvements sympas, des plantages, des explosions, vous le nommez. Vous pouvez également avoir des bulles pour informer vos utilisateurs de tout événement survenu dans votre application. Ces notifications sont au format Windows familier et ont une intégration profonde du système d'exploitation avec la zone de notification et l'utilisateur heures calmes.

 string balloonTitle = "Félicitations, Joueur 1! Vous avez atteint le tableau des meilleurs scores. "; 
 string balloonText =" HIGHSCORE! "; 
 Icon balloonIcon = new Icon (@" ..  ..  Icons  Progress.ico "); 
 this .icon.ShowBalloonTip (balloonTitle, balloonText, balloonIcon); 

Flawless Victory!

Vous avez terminé cette petite quête. Vous êtes maintenant bien préparé pour relever les défis de la fourniture de grandes applications avec une interface utilisateur époustouflante et des notifications intéressantes. Il ne reste qu'une dernière chose. Dans le monde où les attentes des utilisateurs sont élevées et les délais courts, il est dangereux de faire cavalier seul, alors prenez l’un de ceux-ci: Telerik UI for WPF