ToopTip控件

     Tooltip控件是一个简单,但非常有用的控件。它能够为我们的软件提供非常漂亮的提示信息,提高软件的可用性,给用户比较好的体验。假设现在有两个按钮,一个用来预览吊线世系图,一个用来预览行转。为了保持按钮文本的简洁,以及为按钮尺寸所限。我们不能可能把这个按钮的主要功能通过text属性表述清楚,这个时候我们就可以用到tooltip控件了。

首先我们在按钮所在窗体添加一个tooltip控件,将id该为ttMsg.这个时候你几乎可以在当前窗体的所有控件的属性框中添加了一个叫ttMsgtooltip属性.

 

我们就可以填入一些提示信息了。运行程序将鼠标移到当前控件的上方(如果此控件可用)就会出现一个非常漂亮的提示框,里面出现的就是我们在控件tooltip属性上填入的信息。

 

      

     如果你觉的这个提示不好看,或者这个颜色不好看。这些都很好解决,我们可以通过改变 ttMsg的属性到达这些效果。

      Tooltip有很多属性,最常用的有这些。BackColorForeColorIsBalloonTooltipTitle

BackColor可以让我们改变提示框的背景色,如将浅黄色改为浅绿色。

 

ForeColor可以改变字体颜色,如果将黑色改为红色。

 

IsBallon可以改变提示框的样式,IsBallon是个bool类型,默认的情况下为false,它以方形出现,当把它设为true时就会以云的形式出现。

 

TooltipTile是为提示信息加上标题。

 

Tooltip还有许多属性用来改变它,甚至我们还可以扩展它。在我的项目中只用到了上述几个,根据需要我们还可以进一步改变它。

==================  

showAt提示框显示的位置

提示框显示的位置可以是绝对位置,也可以使用相对位置,一般是使用相对位置。showAt的参数是一对X、Y的数组。

提示框出现的位置为鼠标点击的位置,可以用一下代码实现

updateInfo : function(message){
this.showAt([message.x , message.y]);///提示框显示的位置,xy是鼠标点击的坐标值
this.update(message.html);
},

posted on 2014-01-23 09:33  山庄听泉  阅读(637)  评论(0编辑  收藏  举报

导航