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

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

ContractedBlock.gif ExpandedBlockStart.gif 代码
 
   
< 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. 简单组合演示:

ContractedBlock.gif ExpandedBlockStart.gif 代码
 
   
< 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:

ContractedBlock.gif ExpandedBlockStart.gif 代码
 
   
< 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

转载于:https://www.cnblogs.com/xhzi/archive/2010/11/30/1891694.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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* [WPFToolTip自动换行](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 ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值