WPF图像旁边的文字+鼠标悬停

Question

对于WPF xaml，我是一个noobie所以我希望我的问题很简单，可以在一行中回答。

我正在寻找在文本块旁边显示图标的最佳方式。

当用户将鼠标悬停在文本块或图标上时，我想将图标更改为另一个图标。

此外，最佳做法是创建一个包含所有图标的图像吗？并将背景移动到正确的区域？

Answer 1

一种方法可能是将图像的可见性绑定到TextBlock的IsMouseOver属性，如下所示：

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

这是未经测试的，但它应该是合理的。让我知道它是否适合你。