Programming Flex2 - 八.框架效用和高级组件概念

为了组件更完善的发挥，Flex提供了许多高级特性和功能。比如工具提示，窗口弹出，元素拖拽，自定义列表元素，以及指针，焦点的管理和键盘的控制....

工具提示

添加工具提示

< mx:Button  id ="button"  label ="Tool Tip Example"  toolTip ="Display Tool Tip"   />

工具提示可绑定动态数据。

< mx:VBox >
     < mx:Button  id ="button"  label ="Button"  toolTip ="{textInput.text}"   />
     < mx:TextInput  id ="textInput"   />
</ mx:VBox >

嵌套的工具提示，层级越深，优先级越高。如果无提示内容，则显示上层的提示。

< mx:VBox  toolTip ="This is the VBox tool tip." >
     < mx:Button  id ="button"  label ="Button"  toolTip ="This is the button tool tip."   />
     < mx:TextInput  id ="textInput"   />
</ mx:VBox >

但这条规则在导航类组件时有点不同。导航类的组件，导航条和内在元素的提示是没有联系的。
如下例子，在Accordion中的两个VBox的提示，只显示于导航条。

< mx:Accordion  toolTip ="Accordion"  width ="200"  height ="200" >
     < mx:VBox  toolTip ="vbox 1" >
         < mx:HBox  toolTip ="vbox.hbox" >
             < mx:Button  />
             < mx:Button  toolTip ="vbox.hbox.button"   />
         </ mx:HBox >
     </ mx:VBox >
     < mx:VBox  toolTip ="vbox 2" >
         < mx:Button  />
         < mx:Button  toolTip ="vbox.button"   />
     </ mx:VBox >
</ mx:Accordion >

如果要手动换行提示内容，在AS中可以加入 /n/r/f这类转义字符，在MXML中用 &#13;（注意末尾的分号）

修改提示样式

设置提示框的最大宽度，默认为300
mx.controls.ToolTip.maxWidth = 300;

加入自定义字体。
<mx:Style>
@font-face {
    src: local("Georgia");
    fontFamily: GeorgiaEmbedded;
}
ToolTip {
    fontFamily: GeorgiaEmbedded;
    backgroundColor: #FFFFFF;
}
</mx:Style>

激活/屏蔽工具提示，默认为激活
mx.managers.ToolTipManager.enabled = true/false;

鼠标移上后，提示出现的等待时间，默认为500毫秒
mx.managers.ToolTipManager.showDelay = 500;

鼠标滞留中，提示消失的等待时间，默认为10秒
mx.managers.ToolTipManager.hideDelay = 10000;
鼠标滞留中，提示永不消失。
mx.managers.ToolTipManager.hideDelay = Infinity;

提示消失前，鼠标移动至下一个元素（无须等待，直接显示其提示）的时间间隔，默认为100毫秒
mx.managers.ToolTipManager.scrubDelay = 100;

自制提示实例。必须实现mx.core.IToolTip。
mx.managers.ToolTipManager.toolTipClass = CustomClass;