浅析WPF中ToolTip工具提示的应用

更新时间：2023年12月28日 09:57:30 作者：老码识途呀

在日常应用中,当鼠标放置在某些控件上时,都会有相应的信息提示,从软件易用性上来说,这是一个非常友好的功能设计,本文就来和大家简单聊聊WPF中ToolTip工具提示的相关使用,有兴趣的可以了解下

在日常应用中，当鼠标放置在某些控件上时，都会有相应的信息提示，从软件易用性上来说，这是一个非常友好的功能设计。那在WPF中，如何进行控件信息提示呢？这就是本文需要介绍的ToolTip【工具提示】内容，本文以一些简单的小例子，简述如何在WPF开发中，应用工具提示，仅供学习分享使用，如有不足之处，还请指正。

什么是工具提示

工具提示是一个小型的弹出窗口，在用户将鼠标指针悬停在某个元素（如 Button）上时显示。当用户将鼠标指针移动到具有工具提示的元素上时，将在一段指定的时间内显示一个包含工具提示内容（例如，介绍控件功能的文本内容）的窗口。如果用户将鼠标指针从控件上移开，该窗口将消失，因为工具提示内容无法接收焦点。工具提示的内容可以包含一行或多行文本、图像、形状或其他可视内容。

创建工具提示

凡是继承自FrameworkElement和FrameworkContentElement的控件，都具有ToolTip属性，为object类型，即接收任何类型的属性设置。

1. 本文工具提示

可以将一段文本赋值给控件的ToolTip属性，如下所示：

<Button Content='测试' Width="120" Height="30" ToolTip="这是一个测试按钮"></Button>
<Image Grid.Row="1" Source="/images/001.png" Stretch="Fill" Width="200" Height="100" ToolTip="这是一张图片"></Image>

文本工具提示截图

2. 自定义工具提示

工具提示可以是一段文本，也可以是一个组合的自定义对象。比如：一个带有图标的工具提示，如下所示：

<Button Content='工具提示' Width="120" Height="30" Grid.Column="1">
    <Button.ToolTip>
        <StackPanel Orientation="Horizontal">
            <Path Data="{StaticResource icon_info}" Stroke="#F69661" Stretch="Fill" StrokeThickness="1" Fill="#F69661" Width="20" Height="20" VerticalAlignment="Center" Margin="2"></Path>
            <TextBlock Text="这是一个带图标的工具提示" VerticalAlignment="Center" Margin="2"></TextBlock>
        </StackPanel>
    </Button.ToolTip>
</Button>

以上示例，工具提示为一个图标，一个文本提示，水平排列。以为ToolTip的内容只能有一个Child，所以用StackPanel包括起来，作为一个整体。

自定义工具提示截图

设置工具提示样式

工具提示和普通的控件一样，也可以设置样式【如：背景色，前景色，字体大小等】，如下所示：

<Window.Resources>
    <Style TargetType="ToolTip">
        <Setter Property = "HorizontalOffset" Value="10"/>
        <Setter Property = "VerticalOffset" Value="10"/>
        <Setter Property = "Background" Value="LightBlue"/>
        <Setter Property = "Foreground" Value="Purple"/>
        <Setter Property = "FontSize" Value="14"/>
        <Setter Property = "FontWeight" Value="Bold"/>
    </Style>
</Window.Resources>

设置样式后的工具提示，如下图所示：

定位工具提示

可以使用在 ToolTip 和 ToolTipService 类中定义的五个属性集来定位工具提示。下表显示这两组五个属性，并根据类提供指向其参考文档的链接。

使用Placement定位

Placement的值是一个枚举，常用的有：Bottom,Top,Left,Right,Center等。下图显示使用 Placement 属性放置工具提示：

下图显示使用 Placement 和 PlacementRectangle 属性放置工具提示：

下图显示使用 Placement、PlacementRectangle 和 Offset 属性放置工具提示：

工具提示定位综合示例，如下所示：

<Ellipse Height="25" Width="50" Grid.Row="1" Fill="Gray" ToolTipService.InitialShowDelay="1000" ToolTipService.ShowDuration="7000" ToolTipService.BetweenShowDelay="2000">
    <Ellipse.ToolTip>
        <ToolTip Placement="Right" PlacementRectangle="50,0,0,0" HorizontalOffset="10" VerticalOffset="20" HasDropShadow="false">
            <BulletDecorator>
                <BulletDecorator.Bullet>
                    <Ellipse Height="10" Width="20" Fill="Blue"/>
                </BulletDecorator.Bullet>
                <TextBlock>Uses the ToolTip Class</TextBlock>
            </BulletDecorator>
        </ToolTip>
    </Ellipse.ToolTip>
</Ellipse>

示例截图如下所示：

以上就是浅析WPF中ToolTip工具提示的应用的详细内容，更多关于WPF ToolTip工具提示的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

C#自定义WPF中Slider的Autotooltip模板

WPF
ToolTip

C#实现Stripe支付的方法实践
本文主要介绍了C#实现Stripe支付的方法实践，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-02-02
C#访问SQL Server数据库的实现方法
这篇文章主要介绍了C#访问SQL Server数据库的实现方法,以实例形式简单分析了C#连接、查询SQL Server数据库的具体技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
C#使用委托的步骤浅析
这篇文章主要介绍了C#使用委托的步骤,以实例形式深入浅出的讲解了C#关于委托的定义、声明、实例化及相关的用法,具有很好的参考借鉴价值,需要的朋友可以参考下
2014-11-11
C#实现在应用程序间发送消息的方法示例
这篇文章主要介绍了C#实现在应用程序间发送消息的方法,结合具体实例形式分析了C#实现项目之间信息发送、接收等交互操作相关技巧,需要的朋友可以参考下
2017-06-06
C#调用易语言写的Dll文件方法
在本篇内容里小编给大家分享的是关于C#调用易语言写的Dll文件的方法内容，需要的参考下。
2018-12-12
在WPF中实现平滑滚动的方法详解
这篇文章介绍了WPF实现平滑滚动的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06
unity 如何修改材质属性和更换shader
这篇文章主要介绍了unity 修改材质属性和更换shader的操作方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2021-04-04
c# 删除所有的空文件夹的小例子
c# 删除所有的空文件夹的小例子，需要的朋友可以参考一下
2013-03-03
C#语音识别用法实例
这篇文章主要介绍了C#语音识别用法,实例分析了C#利用微软操作系统自动的语音识别功能,读取信息的技巧,需要的朋友可以参考下
2015-01-01
关于ASP网页无法打开的解决方案
asp网页实际上就是动态网页，是在服务端执行和解析的。有时也很奇怪，经常遇到asp网页无法打开的情况，下面小编给大家整理些关于asp网页无法打开的解决方案，需要的朋友可以参考下
2015-08-08