WPF l'image à côté du texte + la souris sur

Question

Je suis un noobie quand il s'agit de WPF xaml donc j'espère que ma question est si facile, il peut être répondu en une ligne.

Je cherche le meilleur moyen d'afficher une icône à côté d'un bloc de texte.

Lorsqu'un utilisateur survole le bloc de texte ou l'icône, je souhaite changer l'icône en un autre.

Aussi, est-il préférable de créer une image avec toutes mes icônes à l'intérieur ?? et déplacer l'arrière-plan à la bonne zone?

Answer 1

Une approche pourrait être de lier la visibilité de l'image à la propriété IsMouseOver du TextBlock, comme ceci:

<StackPanel Orientation="Horizontal"> 
    <StackPanel.Resources> 
     <BooleanToVisibilityConverter x:Key="BoolToVis" /> 
    </StackPanel.Resources> 

    <Image 
     Source="foo.jpg" 
     Margin="0 0 5 0" 
     Visibility="{Binding IsMouseOver,ElementName=text,Converter={StaticResource BoolToVis}" 
     /> 

    <TextBlock x:Name="text" Text="Mouse over me to show the image!" /> 
</StackPanel> 

C'est non testé, mais il devrait être son. Dites-moi si cela marche pour vous.