WPF drag过程中显示ToolTip.

泉水老叮当

于 2017-03-07 11:06:12 发布

阅读量1.1k

点赞数

分类专栏： WPF学习文章标签： WPF

本文链接：https://blog.csdn.net/SpringDou/article/details/60756392

版权

在WPF的drag/drop过程中，为了提升用户体验，有时会在鼠标over元素时显示ToolTip以告知用户能否接受拖动内容或元素详情。由于DragOver事件替代了MouseOver，因此需借助Popup实现ToolTip效果。本文介绍了如何通过Xaml数据绑定和ViewModel计算属性，以及在DragOver事件中控制Popup的显示和位置，确保ToolTip在适当时候出现并正确定位。

摘要由CSDN通过智能技术生成

在drag/drop过程中，我们在判断出over的元素上是否可以接受drag的东西之后，通常是通过鼠标的样式简单告诉用户这个元素不接受现在drag的内容，但是用户通常不知道具体的原因，有时候为了增强客户体验，会在over的过程中显示tooltip来告诉用户为什么不能接受drag的东西或者告诉用户over的元素是什么东西，特别是一些绘图或者其他一些复杂的应用软件，这种方式比较广泛。

WPF 给各种控件提供了ToolTip属性，可以通过设置该属性的值来决定鼠标Over到控件的时候要显示什么内容，但是在Drag的过程中却不能触发MouseOver事件，触发的是DragOver事件，那就需要Popup 来实现该效果，下面是根据自己的经验来简单设计了一个Popup控件实现tooltip功能。

1. 在Xaml中增加Popup控件以及进行数据绑定

        <Popup x:Name="toolTip" IsOpen="{Binding ShowToolTip, Mode=OneWay}" AllowsTransparency="True" 
            Placement="Relative" HorizontalOffset="{Binding ToolTipPos.X}" VerticalOffset="{Binding ToolTipPos.Y}">
            <TextBlock Foreground="Red" Text="{Binding DragElement.Description}"></TextBlock>
        </Popup>

最低0.47元/天解锁文章