Bonjour ! ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Aujourd'hui (ayant vu que certains avaient des problèmes avec ça), j'ai décidé de vous faire un tuto sur l'utilisation des Notify Icon ou Icône d'avertissement.
On va créer notre nouvelle solution/nouveau projet. Une fois que c'est fini, vous devriez tomber sur l'éditeur d'interface, avec votre fenêtre au milieu.
Ajoutez donc un Icône d'avertissement (Notify Icon):
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify10](https://i.servimg.com/u/f55/17/05/72/12/notify10.png)
(Vous remarquerez qu'il n'apparait pas sur la Fenêtre (j'utiliserai le terme Form dans ce tuto et les prochains) mais en dessous:
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify11](https://i.servimg.com/u/f55/17/05/72/12/notify11.png)
et c'est totalement normal, ne vous inquiétez pas
.)
Ah! Mais au fait, je ne vous ai pas montré ce que c'était vraiment! Honte à moi![Surprised](https://2img.net/i/fa/i/smiles/icon_surprised.gif)
Voyez vous la barre des taches?
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify12](https://i.servimg.com/u/f55/17/05/72/12/notify12.png)
Et bien voilà où va se situer notre fameux Notify Icon:
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify13](https://i.servimg.com/u/f55/17/05/72/12/notify13.png)
Vous le voyez?
(de toute façon si vous ne voyez pas... je ne peux plus rien pour vous xD)
Allé allé, on se re-concentre !
On va ajouter maintenant un Menu contextuel (Context menu strip pour les intimes
)
Il apparait également en bas, à côté de son ami le Notify Icon
(nan, je ne vous ferais pas de screen! Il ne faut pas abuser de ma gentillesse xD)
Attendez! J'allais justement y répondre espèce d'impatient !![Razz](https://2img.net/i/fa/i/smiles/icon_razz.gif)
Je suppose que vous souhaitez ouvrir une sorte de liste lorsqu'on cliquera sur votre Notify Icon? Et bien cette liste... c'est justement notre Context Menu Strip (Menu Contextuel) !
Mais avant ça, modifions un petit coup les propriétés de notre Notify Icon, je vous invite donc à cliquer dessus pour ouvrir ses propriétés![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
On ne va modifier que 3 propriétés :
- Icon
- Text
- ContextMenuStrip
Dans Icon, sélectionnez votre icône sur votre ordinateur. Dans Text, mettez le texte qui sera affiché lorsque l'utilisateur passera sa souris sur le Notify Icon. Et enfin dans ContextMenuStrip, comme vous l'avez sûrement deviné, sélectionnez notre Context Menu Strip![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
C'est bon?![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
Passons à la suite. Je vous invite à cliquer sur votre Context Menu Strip (à coté de votre Notify Icon). Magie! Un truc bizarre est apparu sur votre Form!
(Ne vous inquiétez pas, c'est normal
). C'est votre liste qui sera affichée lorsqu'on cliquera sur votre Notify Icon dans la barre des taches. Vous pouvez modifier les éléments (je suppose que c'est assez simple pour ne pas mettre de screen
).
(Rappel: les éléments que vous ajoutez dans un Context Menu Strip ont les mêmes caractéristiques que n'importe quel autre contrôle (exemple: un bouton, une barre de progression, etc...), vous pouvez donc faire un clique droit/Structure du document puis choisir la fonction Click pour qu'il se passe quelque chose lorsqu'on clique sur l'élément auquel vous avez assigné la fonction Click)
Si (après ajout de la fonction Click sur chaque élément et ajout des fonctions (exemple: Afficher un message) dans la fonction Click) vous avez terminé, vous pouvez Déboguer ou Générer puis Exécuter pour tester, vous obtiendrez normalement quelque chose comme ceci:
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify14](https://i.servimg.com/u/f55/17/05/72/12/notify14.png)
Avant de conclure, je voudrais juste préciser que le Context Menu Strip ne s'ouvre QUE lorsqu'on fais un clique droit sur le Notify Icon (lors de l’exécution de votre logiciel hein, n'essayez pas dans l'interface de SZ, ça marchera pas xD)
Voila voila, vous vous coucherez moins bêtes ce soir!![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
J'espère que mon tuto vous a plu. Si vous avez des questions n'hésitez pas![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Donnez moi d'autres idées de tuto !![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
Cordialement,
Softewarzatorman
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Aujourd'hui (ayant vu que certains avaient des problèmes avec ça), j'ai décidé de vous faire un tuto sur l'utilisation des Notify Icon ou Icône d'avertissement.
On va créer notre nouvelle solution/nouveau projet. Une fois que c'est fini, vous devriez tomber sur l'éditeur d'interface, avec votre fenêtre au milieu.
Ajoutez donc un Icône d'avertissement (Notify Icon):
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify10](https://i.servimg.com/u/f55/17/05/72/12/notify10.png)
(Vous remarquerez qu'il n'apparait pas sur la Fenêtre (j'utiliserai le terme Form dans ce tuto et les prochains) mais en dessous:
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify11](https://i.servimg.com/u/f55/17/05/72/12/notify11.png)
et c'est totalement normal, ne vous inquiétez pas
![amusé](/users/1112/52/34/89/smiles/2933946995.gif)
Ah! Mais au fait, je ne vous ai pas montré ce que c'était vraiment! Honte à moi
![Surprised](https://2img.net/i/fa/i/smiles/icon_surprised.gif)
Voyez vous la barre des taches?
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify12](https://i.servimg.com/u/f55/17/05/72/12/notify12.png)
Et bien voilà où va se situer notre fameux Notify Icon:
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify13](https://i.servimg.com/u/f55/17/05/72/12/notify13.png)
Vous le voyez?
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Allé allé, on se re-concentre !
On va ajouter maintenant un Menu contextuel (Context menu strip pour les intimes
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Il apparait également en bas, à côté de son ami le Notify Icon
![amusé](/users/1112/52/34/89/smiles/2933946995.gif)
Un lecteur insatisfait a écrit:Où est le rapport avec mon Notify Icon?!
Attendez! J'allais justement y répondre espèce d'impatient !
![Razz](https://2img.net/i/fa/i/smiles/icon_razz.gif)
Je suppose que vous souhaitez ouvrir une sorte de liste lorsqu'on cliquera sur votre Notify Icon? Et bien cette liste... c'est justement notre Context Menu Strip (Menu Contextuel) !
Mais avant ça, modifions un petit coup les propriétés de notre Notify Icon, je vous invite donc à cliquer dessus pour ouvrir ses propriétés
![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
On ne va modifier que 3 propriétés :
- Icon
- Text
- ContextMenuStrip
Dans Icon, sélectionnez votre icône sur votre ordinateur. Dans Text, mettez le texte qui sera affiché lorsque l'utilisateur passera sa souris sur le Notify Icon. Et enfin dans ContextMenuStrip, comme vous l'avez sûrement deviné, sélectionnez notre Context Menu Strip
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
C'est bon?
![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
Passons à la suite. Je vous invite à cliquer sur votre Context Menu Strip (à coté de votre Notify Icon). Magie! Un truc bizarre est apparu sur votre Form!
![Surprised](https://2img.net/i/fa/i/smiles/icon_surprised.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
(Rappel: les éléments que vous ajoutez dans un Context Menu Strip ont les mêmes caractéristiques que n'importe quel autre contrôle (exemple: un bouton, une barre de progression, etc...), vous pouvez donc faire un clique droit/Structure du document puis choisir la fonction Click pour qu'il se passe quelque chose lorsqu'on clique sur l'élément auquel vous avez assigné la fonction Click)
Si (après ajout de la fonction Click sur chaque élément et ajout des fonctions (exemple: Afficher un message) dans la fonction Click) vous avez terminé, vous pouvez Déboguer ou Générer puis Exécuter pour tester, vous obtiendrez normalement quelque chose comme ceci:
![[Interface] Un bel icône d'avertissement (utile)(Notify Icon) Notify14](https://i.servimg.com/u/f55/17/05/72/12/notify14.png)
Avant de conclure, je voudrais juste préciser que le Context Menu Strip ne s'ouvre QUE lorsqu'on fais un clique droit sur le Notify Icon (lors de l’exécution de votre logiciel hein, n'essayez pas dans l'interface de SZ, ça marchera pas xD)
Voila voila, vous vous coucherez moins bêtes ce soir!
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
J'espère que mon tuto vous a plu. Si vous avez des questions n'hésitez pas
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Donnez moi d'autres idées de tuto !
![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
Cordialement,
Softewarzatorman