Изображение WPF рядом с текстом + мышь над

Question

Я нобе, когда дело доходит до WPF xaml, поэтому я надеюсь, что мой вопрос настолько прост, что на него можно ответить в одной строке.

Я ищу лучший способ отображения значка рядом с блоком текста.

Когда пользователь наводит курсор на блок текста или значок, я хочу изменить значок на другой.

Также, лучше всего создать одно изображение со всеми моими значками внутри? и переместить фон в нужную область?

Answer 1

Один из подходов может связать видимость изображения на имущество IsMouseOver в TextBlock, например:

<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> 

Это проверялось, но это должно быть прочным. Дайте мне знать, если это сработает для вас.