0

这个想法是当鼠标在上面咆哮时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

在此处输入图像描述

4

2 回答 2

0

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

  1. 创建一个stackpanel(方向设置为水平)或任何其他适当的控件并在其中添加text boximage控件。
  2. Hide文本框和图像控件,borders以便只有堆栈面板边框可见。
  3. mouseover事件触发时,将图像控件设置为appeared.
  4. mouseleave事件触发时,将图像控件设置为disappeared.

我没有测试过这个。但这可能会帮助您获得一个想法。

于 2013-04-08T04:35:10.570 回答
0

我找到了基于 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="右" Horizo​​ntalOffset="-20"

特性

于 2013-04-08T04:35:39.547 回答