鼠标悬停在TextBlock上

Question

这个想法是当鼠标在TextBlock之上，新的Image出现时，可以点击它。当鼠标离开时，TextBlock - Image应该会消失。

与此同时，我来到这里，但仍无法继续：

<Style x:Key="HoverHighlightTextStyle" TargetType="TextBlock">
    <Setter Property="FontSize" Value="16"/>
    <Setter Property="FontWeight" Value="Normal"/>
    <Setter Property="Margin" Value="3,0,3,0"/>

    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
         </Trigger>
    </Style.Triggers>
</Style>

Expected result

Answer 1

我建议您按照以下步骤操作。

1. 创建stackpanel（方向设置为水平）或任何其他适当的控件，并在其中添加text box和image控件。
2. Hide文本框的borders和图片控件，以便只显示堆栈面板边框。
3. 触发mouseover事件时，将图像控件设置为appeared.
4. 触发mouseleave事件时，请将图像控件设置为disappeared。

我没有测试过这个。但这可能会帮助你了解一下。

Answer 2

我找到了基于sa_ddam213回答的解决方案：

<TextBlock x:Name="txtblkSelectedItem" Text="My Textblock">
<TextBlock.ToolTip>
  <ToolTip PlacementTarget="{Binding ElementName=txtblkSelectedItem}" Placement="Right" HorizontalOffset="-20">
    <Image Source="http://stackoverflow.com/users/flair/1849109.png" Width="10" Height="10"/>
  </ToolTip>
</TextBlock.ToolTip>

这个想法是使用ToolTip

来实现在文本块中定位工具提示

  

Placement =“Right”Horizo​​ntalOffset =“ - 20”

属性