简单例子

代码

  1. <Button
  2. Grid.Row="0"
  3. Width="200"
  4. Height="23"
  5. Content="Tooltip演示"
  6. ToolTip="Hello, World!"/>

效果

tooltip sample1.gif

控件被禁用也能显示Tooltip

代码

  1. <Button
  2. Grid.Row="1"
  3. Width="200"
  4. Height="23"
  5. Content="被禁用控件Tooltip演示"
  6. IsEnabled="False"
  7. ToolTip="按钮禁用后,Tooltip也能显示"
  8. ToolTipService.ShowOnDisabled="True" />

效果

tooltip sample2.gif

自定义Tooltip样式

代码

  1. <Button
  2. Grid.Row="2"
  3. Width="200"
  4. Height="23"
  5. Content="自定义Tooltip样式">
  6. <Button.ToolTip>
  7. <ToolTip>
  8. <StackPanel>
  9. <TextBlock FontWeight="Bold">这是第一行</TextBlock>
  10. <TextBlock>这是很长的第二行,效果</TextBlock>
  11. </StackPanel>
  12. </ToolTip>
  13. </Button.ToolTip>
  14. </Button>

效果

tooltip sample3.gif