关闭

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

标签: flex框架button工具
678人阅读 评论(0) 收藏 举报
分类:
为了组件更完善的发挥,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;
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:103327次
    • 积分:1539
    • 等级:
    • 排名:千里之外
    • 原创:43篇
    • 转载:2篇
    • 译文:8篇
    • 评论:15条
    文章分类
    最新评论
    学之利器