使用Popup窗体控件实现ToolTip效果

时间:2021-05-02

本文将介绍一个技巧:使用Popup浮动窗体控件模拟Tip悬浮效果。此技巧的原理是当鼠标移动到某个控件上面的时候会触发MouseMove 事件,此时设置Popup控件显示出来。触发此事件时能够获知此时的鼠标坐标位置,我们根据鼠标位置的变化的同时移动Popup控件的 HorizontalOffset属性(获取或设置目标原点与弹出项对齐点之间的水平距离)和VerticalOffset(获取或设置目标原点与弹出项对齐点之间的垂直距离)。如果鼠标移出自定义控件,那么设置Popup浮动窗体的IsOpen属性为false隐藏此浮动窗体。

首先,创建一个自定义控件命名为TipWindow,其XAML代码如下:

TipWindow.xaml

这几句话设置整个Grid的背景图片为当前目录下的BG.png,所以我们也要在项目中引入该文件。再来看看TipWindow.cs的关键源代码如下:

此关键代码中有一个绑定函数BindControl(UIElement uc),让需要获得TipWindow浮动框的uc控件绑定MouseMove和MouseLeave事件。现在再创建一个新的自定义控件 Rect.xaml,并且添加一个IsFlag属性,此属性指示Rect自定义控件是否显示TipWindow浮动框。XAML代码里面添加一个矩形控件 ti,代码如下:

在Rect.xaml.cs代码中,我们输入以下代码即可:

Rect自定义控件制作好了,在MainPage.xaml.cs文件中,实例化此自定义控件,并且设置其IsFlag属性为True即可看到下面图片的效果了。

MainPage.xaml.cs:

本实例采用VS2010+Silverlight 4.0编写,

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章