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;

Programming Flex2 - 七.UI组件

UI组件的分类按钮类: Button, LinkButton, RadioButton, CheckBox数据类: HSlider, VSlider, NumericStepper, ColorPic...
  • holybozo
  • holybozo
  • 2007年10月02日 14:22
  • 686

Programming Flex2 - 二.通过Flex框架建立应用程序

创建项目一个Flex程序最少由一个文件或多达数以百计的文件组成。文件类型如下:MXML    这种文件主要包含程序的可视部分,即样式设计和UI组件。ActionScript类    这种文件是所有自定...
  • holybozo
  • holybozo
  • 2007年09月03日 22:41
  • 1547

Java测试新技术TestNG和高级概念 ---读后感

作者在书中没有鼓吹TestNG如何好,这本书主要介绍的是作者的测试理念/junit中不舒服的地方,例如并发测试,DataProvider,测试依赖,将运行失败的用例汇总等. (并发测试可以通过Grob...
  • liu251
  • liu251
  • 2012年01月04日 11:13
  • 2397

架构、框架、模式、模块、组件、插件、控件、中间件的含义和区别

架构、框架、模式、模块、组件、插件、控件、中间件的含义和区别。经常看到这些概念,但是有些含糊,花点儿功夫整理一下,结果还是有些地方理解的不透彻,先将整理的内容写下来,以供交流。左侧英文栏中有些单词被分...
  • tianhenkong
  • tianhenkong
  • 2015年01月05日 21:29
  • 1113

Programming Flex2 - 五.Flex框架的基本原理

了解Flex程序的生命周期Flex程序从本质上讲,就是使用了(由AS编写的)Flex框架的Flash程序。但在Flex程序中可以忽略timeline这个概念,所有的内容都集于一帧。事实上Flex程序中...
  • holybozo
  • holybozo
  • 2007年09月16日 16:44
  • 1963

Programming Flex2 - 三.MXML

MXML相当于是Flex在Flash Player上的HTML。从名字上能看出其为一个XML文档。所有的MXML文档分成两种类型。一种是主程序文档,一种是组件文档。主程序文档的根节点必然是,而组件文档...
  • holybozo
  • holybozo
  • 2007年09月09日 18:28
  • 963

高级Swing 组件

课程目标n       JList高级应用n       JTree高级应用n       JTable高级应用知识要点列表(List)如果你想要向用户显示一组选项,而单选按钮或复选框的设置需要占用太...
  • zhangchen124
  • zhangchen124
  • 2016年10月08日 12:13
  • 553

高效用项集(High-Utility Itemset)挖掘介绍

高效用挖掘是数据挖掘子领域模式挖掘(pattern mining) 的一个研究方向。我将以交易数据库对其进行简单介绍,并提供一个开源网站,里面包含了该领域几乎所有的算法。...
  • jiafgn
  • jiafgn
  • 2017年02月18日 19:26
  • 334

容器类和接口框架

一、在java.util包下主要的接口: Collection |—List |—Set Map 主要的类 ArrayList LinkedListHashSet LinkedHash...
  • wujingjing_crystal
  • wujingjing_crystal
  • 2016年10月09日 12:48
  • 177

[flex2]动态生成组件

利用addChild方法将定义好的组件加入到相应的layout中 ,如下实例: http://www.adobe.com/2006/mxml" layout="absolute">        //...
  • blueilove2003
  • blueilove2003
  • 2008年01月28日 18:06
  • 691
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Programming Flex2 - 八.框架效用和高级组件概念
举报原因:
原因补充:

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