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

最新推荐文章于 2024-08-08 13:54:51 发布
最新推荐文章于 2024-08-08 13:54:51 发布
阅读量1.3k 收藏
点赞数
分类专栏： WPF C# 文章标签： wpf button border image 文档 api
WPF 同时被 2 个专栏收录
19 篇文章 1 订阅
订阅专栏
C#
17 篇文章 0 订阅
订阅专栏

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

复制代码
代码 
    
    

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

     
     </
     
     Button
     
     >
复制代码

　　效果如下：

clip_image001

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
     
     >
复制代码

　　效果如下：

clip_image002

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
     
     >
复制代码

　　实现效果如下：

clip_image003

 

扩展阅读：

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


fighter_yy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF ToolTip
L.的博客
12-12 151
<Button Content="指向我" Margin="100"> <Button.ToolTip> <StackPanel> <GroupBox Header="你喜欢什么水果？"> <GroupBox.Content> <StackPanel> <TextB
WPF中ToolTip的自定义
热门推荐
muzizongheng的专栏
02-18 1万+
ToolTip或者PopUp这个控件在做界面时会经常用到。如何对ToolTip进行自定义呢？ 1.首先自定义tooltip的controlTemplate，完全清除系统默认效果， 如下： 2.自定义tooltip的contentTemplate， 这样可以专注于tooltip的界面呈现， 而不关心tooltip要显示的字符串， 如下： 3.应用Tooltip的style，如下： <ButtonContent ="TestButton"> < Button.Too
WPF 信息提示框 ToolTip工具提示
m0_51363673的博客
12-03 1037
目标效果： 鼠标停留在控件上，出现一个框，显示提示信息。 实现方法： ToolTip 例子： <Button Content="电源类型" ToolTip="点击此处确定电源类型" />
WPF ToolTip控件使用
凡梦
11-12 8481
C#下的ToolTip是当鼠标移到某个控件上后可以弹出提示的控件。 例如对于按钮的提示：         Button Content="Button" HorizontalAlignment="Left" Margin="80,58,0,0" VerticalAlignment="Top" Width="75">             Button.T
WPF修改Tooltip样式
01-11
在Windows Presentation Foundation (WPF) 中，Tooltip是一个用于显示与鼠标指针相关的简短提示信息的控件。它通常在用户将鼠标悬停在其他UI元素上时出现，提供额外的信息。在默认情况下，Tooltip的样式是有限的，但...
WPF自定义tooltip样式
FireGhost57的专栏
12-26 2917
tooltip其实和popup很像,但是popup弹出后需要监听鼠标点击事件,所以触感不流畅,弹出后不会自己消失 而tooltip在鼠标滑过时会显示,移开后会隐藏 tooltip因为可以接受类对象,所以可以传任意内容给样式模板 代码: <!-- =============== 提示文本样式 =============== --> <Style x:Key...
WPF drag过程中显示ToolTip.
SpringDou的博客
03-07 1094
在drag/drop过程中，我们在判断出over的元素上是否可以接受drag的东西之后，通常是通过鼠标的样式简单告诉用户这个元素不接受现在drag的内容，但是用户通常不知道具体的原因，有时候为了曾强客户体验，会在over的过程中显示tooltip来告诉用户为什么不能接受drag的东西或者告诉用户over的元素是什么东西，特别是一些绘图或者其他一些复杂的应用软件，这种方式比较广泛。 WPF 给各种
WPF之ToolTip提示
qq_3517289697的博客
05-02 610
ToolTip控件在WPF担任着提示信息的位置，当鼠标悬停在某个标签上时ToolTip中的信息会显示，使用时将ToolTip放在某个标签内部或者设置某个标签的ToolTip属性。
WPF组件使用之ToolTip
flaymouse的博客
01-27 1885
1ToolTip https://www.wpf-tutorial.com/zh/21/%E6%8E%A7%E4%BB%B6%E6%A6%82%E5%BF%B5/tooltip%E6%8E%A7%E4%BB%B6/
WPF的控件ToolTip
weixin_30532759的博客
08-11 1181
WPF的控件ToolTip使用场景：当鼠标移动到控件上时，显示该控件的相关信息或者说明性文字。 当控件的IsEnabled 为false 的时候，ToolTip 不会显示。针对这个问题，设置 ToolTipService.ShowOnDisabled="True" ，这样当控件IsEnabled 为false 的时候，也能显示ToolTip 注意：没有必要为所有的控件提供ToolTi...
WPF —— ToolTip详解
一个新人博客，愿多多支持。
03-21 763
将鼠标悬浮在上时，会获取相关的Tip信息。2 使用tooltip标签当成一个整体。1 可以吧两句提示语添加一个父节点。
wpf Tooltip样式
new_smile的专栏
04-07 3219
分享官方的tooltip改编的样式，同志们需要的可以使用，修改哈
浅谈WPF之ToolTip工具提示
绳锯木断，水滴石穿，专心写文，无问西东！！！
12-27 2086
当用户将鼠标指针移动到具有工具提示的元素上时，将在一段指定的时间内显示一个包含工具提示内容（例如，介绍控件功能的文本内容）的窗口。Placement的值是一个枚举，常用的有：Bottom,Top,Left,Right,Center等。以上示例，工具提示为一个图标，一个文本提示，水平排列。这就是本文需要介绍的ToolTip【工具提示】内容，本文以一些简单的小例子，简述如何在。以上就是【浅谈WPF之ToolTip工具提示】的全部内容，希望能够一起学习，共同进步。，仅供学习分享使用，如有不足之处，还请指正。
WPF篇（11）-ToolTip控件（提示工具）+Popup弹出窗口
最新发布
一个人的江湖
08-08 957
前端代码。
WPF基础五：UI②内容元素ToolTip
hd51cc的博客
04-22 2037
ToolTip 表示一个控件，该控件可创建一个弹出窗口，以便在界面中显示元素的信息。 ToolTip是ContentControl，这意味着它可以包含任何类型的单个对象 (例如字符串、图像或面板) 。有关更多信息，请参见ContentControl类。 使用ToolTip控件为用户提供信息。例如，可以在Button或ToolBarTray的ToolBar中使用ToolTip显示提示信息。ToolTip控件的内容可以从简单的文本字符串到更复杂的内容（例如具有嵌入式文本和图像的S...
WPF 为按钮添加Tooltip
蓝山咖啡的博客
09-30 3952
<br /><Button ToolTipService.ToolTip="提示内容"  ToolTipService.InitialShowDelay="1" ToolTipService.Placement="Bottom"><br />Button1<br /></Button>
自定义WPF中Slider的Autotooltip模板
weixin_33774615的博客
07-04 225
Slider控件有一个我比较喜欢的属性"AutoToolTip"，可以在拖动的过程中显示当前刻度，然而这个刻度却不支持模板定制，并且就连自定义格式也不行。这就大大的限制了它的使用范围。网上有篇文章Modifying the auto tooltip of a Slider（由于wordpress被和谐了，这个地址是无法访问的）解决了这个问题，可以实现自定义显示格式 代码如下：  Code...
WPF TextBox 添加ToolTip及赋值、修改样式的几种方法
u012803643的博客
04-04 2501
由于我们开发过程中需求的不同，我们在使用WPF控件的方法也不一样，下面我们来讲一下ToolTip的使用，以为TextBox设置ToolTip为例。这边的TextBoxName就可以通过后台定义get/set方法获取，然后通过propertyChanged进行参数绑定。但是如果我们想要通过绑定的方式，实时改变ToolTip的内容，应该怎么做呢？接下来我们给ToolTip加一些style进行一些美化。
WPF中Tooltip样式
07-25
在WPF中，可以使用ToolTip来为控件添加提示文本。根据引用\[1\]和引用\[2\]的代码，可以看出可以通过设置ToolTip的样式来自定义提示框的外观。在引用\[2\]中，定义了一个名为"FlowToolTip"的样式，其中设置了提示框的水平对齐方式、垂直对齐方式以及背景颜色等属性。同时，还使用了一个边框和阴影效果来增加提示框的立体感。在样式的模板中，使用了一个TextBlock来显示提示文本的内容。这个TextBlock的字体、字号和前景色等属性也可以根据需要进行调整。引用\[3\]中提到，TextBlock也可以用于ToolTip中，可以通过设置TextBlock的Text属性来显示提示文本的内容。如果希望提示文本换行，可以参考引用\[4\]中的代码，将TextBlock放置在一个TextBox中，并设置TextWrapping属性为Wrap，这样就可以实现提示文本的换行显示。 #### 引用[.reference_title] - *1* *2* [WPF自定义tooltip样式](https://blog.csdn.net/FireGhost57/article/details/103714602)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* *4* [WPF中的ToolTip自动换行](https://blog.csdn.net/lulei6/article/details/106545828)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值