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>

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