在wpf按钮的标签上显示按钮工具提示

时间:2013-12-14 13:56:57

标签: c# wpf xaml

我的页面上有几个WPF按钮,我希望在鼠标悬停在它们上方时显示工具提示。 但我希望工具提示出现在我已放置在页面上的标签中,因此我想显示此标签并将其文本设置为某些内容。 每当鼠标移离按钮时,我希望标签再次消失。

我可以通过我在这里学到的东西改变我的形象:http://www.canofcode.co.uk/software/wpf-rollover-images/ 但是我无法弄清楚如何显示这个工具提示......

1 个答案:

答案 0 :(得分:1)

您可以使用按钮的DataTrigger属性上的IsMouseOver来实现此目的。这就是你想要的 -

<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
   <Button x:Name="button1" Content="TestButton" Width="100" Height="50"/>
   <Label x:Name="label1" Content="Tooltip Text">
      <Label.Style>
         <Style TargetType="Label">
            <Setter Property="Visibility" Value="Collapsed"/>
            <Style.Triggers>
               <DataTrigger Binding="{Binding ElementName=button1, 
                                              Path=IsMouseOver}" 
                            Value="True">
                   <Setter Property="Visibility" Value="Visible"/>
               </DataTrigger>
            </Style.Triggers>
         </Style>
      </Label.Style>
    </Label>
</StackPanel>