Amélioration de vos applications de bureau—Info-bulles dans .NET MAUI

.NET 7 apporte des fonctionnalités intéressantes au développement de bureau .NET MAUI. Aujourd’hui, regardons les info-bulles.

Devine quoi? .NET 7 est sorti ! 😱😱 Cela a apporté une série de nouvelles fonctionnalités super utiles, qui sont très faciles à mettre en œuvre et à ajouter à vos applications .NET MAUI !

Dans cet article nous allons nous concentrer sur la nouvelle API à ajouter Info-bulles—dont nous pouvons tirer un grand profit lors du développement d’applications de bureau dans .NET MAUI !

Une info-bulle est une fonction d’aide visuelle qui affiche des informations, généralement pour indiquer à l’utilisateur comment utiliser un contrôle particulier à l’écran. Ces informations peuvent être visualisées en plaçant le curseur sur n’importe quel élément contenu dans l’interface utilisateur de votre application.

Pour continuer à améliorer l’expérience utilisateur dans les applications de bureau, .NET MAUI a ajouté l’API ToolTip. Cela nous permet d’associer une petite description à un contrôle spécifique, que l’utilisateur peut visualiser dans une petite fenêtre contextuelle rectangulaire lors du survol du pointeur de la souris sur le contrôle associé.

C’est une implémentation très simple. Vous n’avez qu’à prendre en compte les trois parties indiquées dans l’image ci-dessus pour son bon fonctionnement. Nous allons comprendre chacun d’eux:

<YourControl ToolTipProperties.Text ="Tooltip message here."/>

1. VotreContrôle: Il s’agit d’une balise qui débute la déclaration du champ dans lequel vous souhaitez ajouter votre ToolTip. Cela peut être tout ce dont vous avez besoin (par exemple, une entrée, un bouton, tout ce que vous voulez).

2. ToolTipProperties.Text: Avec cela, vous indiquez que vous souhaitez ajouter une info-bulle.

3. Message d’info-bulle: Juste là, ajoutez le texte que vous souhaitez afficher. Celui-ci reçoit une chaîne comme valeur.

Regardons un exemple

💡 N’oubliez pas de créer votre projet avec l’accompagnement de .NET 7.

Ici, j’utilise le XAML que .NET MAUI crée pour vous par défaut lors de la création d’un nouveau projet. Nous ajouterons une entrée pour recevoir le nom complet et dans les info-bulles, nous ajouterons une brève instruction de la valeur attendue.

<Entry Placeholder="Full name"
   ToolTipProperties.Text="Your full name must have only letters."/>

Et le résultat :

Conclusion

Et.. Voila! 💪 Désormais vous savez comment créer des info-bulles dans ton .NET FIXE applications! 💚💕

À la prochaine! 🙋‍♀️

Références