【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