首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网络技术 > 网络基础 >

Flex/AIR个人化——ToolTip

2012-10-19 
Flex/AIR个性化——ToolTip编写自己的应用时,自定义ToolTip应该是满常用到的。定制ToolTip还是比较简单的,关

Flex/AIR个性化——ToolTip

编写自己的应用时,自定义ToolTip应该是满常用到的。

定制ToolTip还是比较简单的,关键步骤如下:

?

1. 任何自定义组件均可用作ToolTip,只要实现mx.core.IToolTip接口即可(MXML编写的组件则在 root 标签中加上 implements="mx.core.IToolTip" 即可);

?

2. 需要显示 toolTip 的组件相关代码要点:

1) toolTip=" "?? 注:必须要留个空串,不然 toolTip 不显示。

?

2) toolTipCreate="toolTipCreateHandler(event)" ,在该事件处理函数中创建自定义的ToolTip实例;

???

??? 事件处理函数举例如下:

protected function toolTipCreateHandler(event:ToolTipEvent):void{    var customToolTip:CustomToolTip = new CustomToolTip();    event.toolTip = customToolTip;}

?

3)?如果还需要控制 toolTip 的显示位置,可通过 toolTipShown="toolTipShownHandler(event)" 来实现;

???

?? ?事件处理函数举例如下:

protected function toolTipShownHandler(event:ToolTipEvent):void{    var customToolTip:CustomToolTip = event.toolTip as CustomToolTip;        // set customToolTip position:     // 显示在某个 label  的正下方,toolTip 与该label 左对齐,且正好在该lable正下方   var globalPos:Point = aLabelId.localToGlobal(new Point(aLabelId.x, aLabelId.y));     customToolTip.x = globalPos.x - 12.5;     customToolTip.y = globalPos.y + aLabelId.height;}

?

更多关于 ToolTip?的,可参阅:

http://help.adobe.com/zh_CN/flex/using/WS2db454920e96a9e51e63e3d11c0bf60d65-7ff6.html

http://flex-java-oracle.iteye.com/blog/682933

《Flex与ActionScript3程序开发》 10.4 ToolTip组件

?

?

附:我的 《Flex与ActionScript3程序开发》 10.4 ToolTip组件 学习笔记Mindmap:

Flex/AIR个人化——ToolTip
?

?

热点排行