php和网站建设,网站开发总结与收获,做app封装的网站,wordpress 百度在日常应用中#xff0c;当鼠标放置在某些控件上时#xff0c;都会有相应的信息提示#xff0c;从软件易用性上来说#xff0c;这是一个非常友好的功能设计。那在WPF中#xff0c;如何进行控件信息提示呢#xff1f;这就是本文需要介绍的ToolTip【工具提示】内容#xf…在日常应用中当鼠标放置在某些控件上时都会有相应的信息提示从软件易用性上来说这是一个非常友好的功能设计。那在WPF中如何进行控件信息提示呢这就是本文需要介绍的ToolTip【工具提示】内容本文以一些简单的小例子简述如何在WPF开发中应用工具提示仅供学习分享使用如有不足之处还请指正。 什么是工具提示 工具提示是一个小型的弹出窗口在用户将鼠标指针悬停在某个元素如 Button上时显示。当用户将鼠标指针移动到具有工具提示的元素上时将在一段指定的时间内显示一个包含工具提示内容例如介绍控件功能的文本内容的窗口。 如果用户将鼠标指针从控件上移开该窗口将消失因为工具提示内容无法接收焦点。工具提示的内容可以包含一行或多行文本、图像、形状或其他可视内容。 创建工具提示 凡是继承自FrameworkElement和FrameworkContentElement的控件都具有ToolTip属性为object类型即接收任何类型的属性设置。 1. 本文工具提示 可以将一段文本赋值给控件的ToolTip属性如下所示
Button Content测试 Width120 Height30 ToolTip这是一个测试按钮/Button
Image Grid.Row1 Source/images/001.png StretchFill Width200 Height100 ToolTip这是一张图片/Image 文本工具提示截图 2. 自定义工具提示 工具提示可以是一段文本也可以是一个组合的自定义对象。比如一个带有图标的工具提示如下所示
Button Content工具提示 Width120 Height30 Grid.Column1Button.ToolTipStackPanel OrientationHorizontalPath Data{StaticResource icon_info} Stroke#F69661 StretchFill StrokeThickness1 Fill#F69661 Width20 Height20 VerticalAlignmentCenter Margin2/PathTextBlock Text这是一个带图标的工具提示 VerticalAlignmentCenter Margin2/TextBlock/StackPanel/Button.ToolTip
/Button 以上示例工具提示为一个图标一个文本提示水平排列。以为ToolTip的内容只能有一个Child所以用StackPanel包括起来作为一个整体。
自定义工具提示截图 设置工具提示样式 工具提示和普通的控件一样也可以设置样式【如背景色前景色字体大小等】如下所示
Window.ResourcesStyle TargetTypeToolTipSetter Property HorizontalOffset Value10/Setter Property VerticalOffset Value10/Setter Property Background ValueLightBlue/Setter Property Foreground ValuePurple/Setter Property FontSize Value14/Setter Property FontWeight ValueBold//Style
/Window.Resources 设置样式后的工具提示如下图所示 定位工具提示 可以使用在 ToolTip 和 ToolTipService 类中定义的五个属性集来定位工具提示。 下表显示这两组五个属性并根据类提供指向其参考文档的链接。 使用Placement定位
Placement的值是一个枚举常用的有Bottom,Top,Left,Right,Center等。下图显示使用 Placement 属性放置工具提示 下图显示使用 Placement 和 PlacementRectangle 属性放置工具提示 下图显示使用 Placement、PlacementRectangle 和 Offset 属性放置工具提示 工具提示定位综合示例如下所示
Ellipse Height25 Width50 Grid.Row1 FillGray ToolTipService.InitialShowDelay1000 ToolTipService.ShowDuration7000 ToolTipService.BetweenShowDelay2000Ellipse.ToolTipToolTip PlacementRight PlacementRectangle50,0,0,0 HorizontalOffset10 VerticalOffset20 HasDropShadowfalseBulletDecoratorBulletDecorator.BulletEllipse Height10 Width20 FillBlue//BulletDecorator.BulletTextBlockUses the ToolTip Class/TextBlock/BulletDecorator/ToolTip/Ellipse.ToolTip
/Ellipse 示例截图如下所示 参考文献 1. 官方文档https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/tooltip-overview?viewnetframeworkdesktop-4.8 以上就是【浅谈WPF之ToolTip工具提示】的全部内容希望能够一起学习共同进步。
