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 不为 null 时将悬停的控件

使用该命令将悬停时的控件 DataContext 设置为图像的 Uri，在离开时将 datacontext 设置为 null。