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

翻译 2007年10月06日 15:07:00
为了组件更完善的发挥,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;

FlexLib FLEX高级组件的开源类库

  • 2008年10月15日 10:18
  • 2.62MB
  • 下载

Flex高级组件详细介绍

  • 2010年04月28日 15:53
  • 1.04MB
  • 下载

理解Flex3的组件和框架的生命周期

理解Flex3组件和框架的生命周期作者:James Polanco & Aaron Pedersen 译者:李学锟目录(Table of Contents).........................
  • txiejun
  • txiejun
  • 2011年01月05日 12:25
  • 663

Flex之旅:第二部分:容器与布局(2)---动态添加组件(TabNavigator)

动态添加组件 其实所谓的动态添加组件,就是使用as代码去添加,而不是使用标签去事先定义好。 我定义了一个TabNavigator,初始化时候,没有往里面添加任何的组件。 之后...
  • miqi770
  • miqi770
  • 2015年03月26日 10:23
  • 3498

QML概念及框架--QML文件和QML组件

1. QML文件     一个QML文件就是一块QML源代码。语法上说,一个QML文件是自包含的,QML不包含在将文件提交给QML运行环境之前对其进行修改的预处理器。import语句并不会包含在将文件...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Programming Flex2 - 八.框架效用和高级组件概念
举报原因:
原因补充:

(最多只允许输入30个字)