【Tooltip】WPF中Tooltip使用技巧总结



1. 简单示例——包含两个TextBlock：

代码

< Button Content ="Tooltip演示" > < Button.ToolTip > < ToolTip > < StackPanel > < TextBlock FontWeight ="Heavy" > 两个TextBlock TextBlock > < TextBlock > 简要介绍：Tooltip是一个十分强大的功能组件！ TextBlock > StackPanel > ToolTip > Button.ToolTip > Button >

　　效果如下：

2. 控件禁用时显示示例：

< Button Content ="禁用控件Tooltip演示" IsEnabled ="False" ToolTip ="禁用按钮" ToolTipService.ShowOnDisabled ="True" />

3. 设定显示时长：

　　ToolTipService.ShowDuration="5000"

　　Tooltip将显示5秒钟。

4. 简单组合演示：

代码

< Button Content ="丰富多彩的Tooltip" > < Button.ToolTip > < StackPanel Background ="Azure" Height ="200" Width ="200" > < StackPanel Background ="LightBlue" Height ="30" Width ="200" Orientation ="Horizontal" HorizontalAlignment ="Left" VerticalAlignment ="Top" > < Image VerticalAlignment ="Top" Width ="30" Height ="30" Source ="Images\qianqian.png" /> < TextBlock > < Run FontFamily ="微软雅黑" FontSize ="18" FontWeight ="Normal" Text ="天使的翅膀" /> TextBlock > StackPanel > < StackPanel Width ="200" > < TextBlock TextWrapping ="Wrap" Width ="100" Height ="98" HorizontalAlignment ="Center" VerticalAlignment ="Top" > < Run FontFamily ="Verdana" FontSize ="11" Foreground ="Black" Text ="落叶随风将要去何方只留给天空美丽场" /> TextBlock > StackPanel > StackPanel > Button.ToolTip > Button >

　　效果如下：

5. 简单带阴影效果Tooltip：

代码

< Button Width ="120" Height ="30" Content ="带阴效果Tooltip" > < Button.ToolTip > < Border Background ="LightBlue" Margin ="-4,0,-4,-3" > < Border.BitmapEffect > < OuterGlowBitmapEffect > OuterGlowBitmapEffect > Border.BitmapEffect > < Label > 简单带阴影效果Tooltip Label > Border > Button.ToolTip > Button >

　　实现效果如下：

 

扩展阅读：

1. How to: Position a ToolTip：

　　http://msdn.microsoft.com/en-us/library/ms752368.aspx

参考API文档：

　　http://msdn.microsoft.com/en-us/library/ms617640.aspx