WPF中Tooltip使用技巧总结
2015-07-15 18:04
417 查看
1. 简单示例——包含两个TextBlock:
![](http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
代码
效果如下:
![](http://images.cnblogs.com/cnblogs_com/xhzi/WindowsLiveWriter/TooltipTooltip_84C5/clip_image001_thumb.png)
2. 控件禁用时显示示例:
3. 设定显示时长:
ToolTipService.ShowDuration="5000"
Tooltip将显示5秒钟。
4. 简单组合演示:
![](http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
代码
效果如下:
![](http://images.cnblogs.com/cnblogs_com/xhzi/WindowsLiveWriter/TooltipTooltip_84C5/clip_image002_thumb.png)
5. 简单带阴影效果Tooltip:
![](http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
代码
实现效果如下:
![](http://images.cnblogs.com/cnblogs_com/xhzi/WindowsLiveWriter/TooltipTooltip_84C5/clip_image003_thumb.png)
扩展阅读:
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
![](http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
代码
<Button Content="Tooltip演示"> <Button.ToolTip> <ToolTip> <StackPanel> <TextBlock FontWeight="Heavy">两个TextBlock</TextBlock> <TextBlock>简要介绍:Tooltip是一个十分强大的功能组件!</TextBlock> </StackPanel> </ToolTip> </Button.ToolTip> </Button>
效果如下:
![](http://images.cnblogs.com/cnblogs_com/xhzi/WindowsLiveWriter/TooltipTooltip_84C5/clip_image001_thumb.png)
2. 控件禁用时显示示例:
<Button Content="禁用控件Tooltip演示" IsEnabled="False" ToolTip="禁用按钮" ToolTipService.ShowOnDisabled="True" />
3. 设定显示时长:
ToolTipService.ShowDuration="5000"
Tooltip将显示5秒钟。
4. 简单组合演示:
![](http://images.cnblogs.com/OutliningIndicators/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>
效果如下:
![](http://images.cnblogs.com/cnblogs_com/xhzi/WindowsLiveWriter/TooltipTooltip_84C5/clip_image002_thumb.png)
5. 简单带阴影效果Tooltip:
![](http://images.cnblogs.com/OutliningIndicators/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>
实现效果如下:
![](http://images.cnblogs.com/cnblogs_com/xhzi/WindowsLiveWriter/TooltipTooltip_84C5/clip_image003_thumb.png)
扩展阅读:
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
相关文章推荐
- 如何远程访问mysql数据库
- CSS3中box-shadow的用法介绍
- 欢迎使用CSDN-markdown编辑器
- 分析ReentrantLock之lockInterruptibly
- centos 下yum lock的解决办法
- c++中的string分割
- 浮点型转string
- 自定义ProgressDialog
- PHP面向对象(OOP)编程入门教程链接
- prefix pch 中引用cocoapods 中的头文件失败
- C#注册机与绑定软件(转发自:韩兆新的博客园的C#学习笔记——软件注册与注册机)
- UCI命令系统
- JUnit框架功能详细(Rule、Assume、Assert)——JUnit学习(二)
- 微信朋友圈分享js代码最新2015年无错版
- Storm 配置说明
- 杭电1276士兵队列的训练问题
- mybatis 插入一条数据返回相应数据ID
- groovy语言主要是用来干什么,和JAVA的区别是什么
- 重载->运算符(感觉怪怪的)
- 嵌入式linux之按键驱动程序