OnmouseOver по гиперссылке с изображением в mvvm mvvm light wpf

Question

Я хочу использовать гиперссылку в wpf xaml.Всякий раз, когда мышь наводит гиперссылку, она должна показывать изображение, связанное с этой гиперссылкой, а когда мышь уходит, изображение должно исчезать.Как это сделать, используя привязки.Я использую mvvm light.

Пожалуйста, предложите.

Спасибо

Answer 1

Базовая структура того, что вам нужно, если вы хотите выполнить это в стиле MVVM, это ...

Вам необходимо начать с настройки поведения для управления событиями MouseEnter MouseLeave для гиперссылок.

<Hyperlink NavigateUri="Uri">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseEnter">
            <Command:EventToCommand Command="HoverCommand" PassEventArgs="True" />
        </i:EventTrigger>
    <i:Interaction.Triggers>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseLeave">
            <Command:EventToCommand Command="HoverCommand" PassEventArgs="True" />
        </i:EventTrigger>
    <i:Interaction.Triggers>
    Link text.
</Hyperlink>

Теперь настройте элемент управления, который будет зависать, когда его DataContext не равен нулю

Используйте команду, чтобы установить элемент управления DataContext при наведении курсора на Uri изображения, а в поле «Оставить» установите значение datacontext равным нулю.