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：