当列表框项悬停在视图模型上时触发事件

Question

Issue

---

我有一个显示图像列表的列表框。我希望能够将鼠标悬停在图像上，并使其以更大的尺寸显示图像。我能够获得悬停效果并让它显示我输入的一些文本，但我需要为不同的 ListBoxItems 更改图像。

法典

---

这是我用来获取悬停效果的代码：

<ListBox.ItemContainerStyle>                    
    <Style TargetType="ListBoxItem">
        <Setter Property="Padding" Value="5,0,5,5" />
        <Setter Property="Height" Value="140"/>
        <Setter Property="Width" Value="200"/>  
            <Style.Triggers>
                <Trigger Property="Control.IsMouseOver" Value="True">
                    <Setter Property="ToolTip" Value="{Binding IMAGEHERE}"></Setter>
                    <Setter Property="Control.Background" Value="#d64b36" />
                </Trigger>
            </Style.Triggers>
    </Style>
</ListBox.ItemContainerStyle>

如您所见，我有工具提示，但我需要图像以绑定到 ViewModel 中的值。

如果我将鼠标悬停在 ListBoxItem 上时可以触发 ViewModel 中的事件，它应该可以解决我的问题。

Answer 1

我认为您可以使用Image控件设置ToolTip。

 <Style.Triggers>
    <Trigger Property="Control.IsMouseOver" Value="True">
      <Setter Property="Control.ToolTip">
            <Setter.Value> 
                  <Image Source="{Binding Imagepath}" /> 
            </Setter.Value>
       </Setter>
    </Trigger>
 </Style.Triggers>

然后，您可以将源作为 ViewModel 中的Imagepath属性传递。 我还没有测试过这个。