Astuce Silverlight : comment créer une info bulle ? - #S005

Si vous avez un FrameworkElement comme une Image, un Button, un TextBlock, etc… vous pouvez ajouter une info bulle à cet élément. Les infos bulle sont généralement petites, et le texte apparait dans une boite lors du passage de la souris sur le contrôle. Le but d’une info bulle est d’avertir l’utilisateur sur ce que fait le contrôle.

Par exemple, si nous avons une barre d’outils avec des drapeaux qui représentent la langue que l’utilisateur peut sélectionner :

Si un utilisateur ne reconnaît pas le drapeau, il peut passer la souris sur le drapeau et l’info bulle apparaîtra en affichant la langue que le drapeau représente. Par exemple :

Pour ajouter une info bulle à un FrameworkElement vous devez simplement déclarer une propriété TooltipService.Tooltip. Par exemple :

<Image Source="images/france.png" ToolTipService.ToolTip="French">

Une info bulle n’est pas obligatoirement du texte, mais peut être n’importe quel contrôle que vous déclarez. Par exemple, pour utiliser une image comme info bulle vous devez déclarer ceci :

<Image Source="images/france.png" Width="16" Height="16">
    <ToolTipService.ToolTip>
        <Image Source="images/france.png"></Image>
    </ToolTipService.ToolTip>
</Image>

Le résultat est le suivant, lorsque vous passez la souris au dessus du drapeau Français. Vous obtenez le drapeau Français dans sa taille originale :

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.