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:
?
?