`

Flex组件的继承关系

    博客分类:
  • Flex
阅读更多
组件与控件的区别:

组件:component指任何可复用的、可以与其他对象交互的对象,如Flex中的validators、formatters、effects、managers、controls、containers等等。控件:control则指能够在界面上看到的组件,也称可视化组件,如Flex中的controls、containers、borders等等。所有的控件都是组件,反之,则不一定。Flex中的所有类都可以称为组件,其中能够在界面上看到的组件都可以被称为控件。


Flex是以多个AS类层次结构的形式来实现的。这些类层次结构中定义了组件类(各种控件)、管理类(Manager类)、数据服务类(HttpService、WebService等)以及实现Flex其他特性的类。通过继承类层次结构中相应的类,我们可以扩展现有的组件或者创建新的组件来是实现自定义组件。

Flex中,所有的可视化组件都继承UIComponent类。





通过继承,会了某一个组件的用法,与它有同样的继承关系的组件也就了解了

FLEX组件继承关系:

Object->EventDispather->DisplayObject->InteractiveObject->DisplayObjectContainer->Sprite->UIcomponet->All components

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>容器类组件

Application继承关系

UIComponent->Container->LayoutContainer->Application

ApplicationControlBar继承关系

UIcomponent->Container->Box->ControlBar->ApplicationControlBar

其主要用于全局导航,其是ControlBar的子类,后者用于Panel及itleWindow

Canvas继承关系

UIcomponent->Container->Canvas

其只有absolute布局

Box,HBox,VBox继承关系

UIcomponent->Container->Box,然后HBox,VBox是Box的子类,实际上Box有个属性direction,可以使其显示为HBox或HBox

DividedBox,HDividedBox,VDividedBox继承关系

UIcomponent->Container->Box->DividedBox ,然后HDividedBox,VDividedBox是其子类,三者之间的关系同Box与HBox,Vbox的关系一样

Panel继承关系

UIcomponent->Container->Panel

Panel可以在下部包含一个ControlBar

Panel的布局方式为absolute时,相当于Canvas

               为vertical时,相当于VBox

               为horizontal时,相当于HBox

TitleWindow继承关系

UIcomponent->Container->Panel->TitleWindow,其与Panel基本一样,

它可以在右上角显示一个关闭按钮,其一般当做弹出窗口使用,当做弹出窗口时,用PopUpManager类来管理

在Flex自带的帮助TitleWindow layout container中有大量的例子及教程,关于用PopUpManager来操作TitleWindow的

Form继承关系

UIcomponent->Container->Form

Form内部可以有

UIComponent->FormHeading

UIcomponent->Container->FormItem

这里看下Flex自带的帮助中的Form, FormHeading, and FormItem layout containers,里边有如何设置

各部分的间隔等教程

Title继承关系

UIcomponent->Container->Title

Grid继承关系UIcomponent->Container->Box->Grid

其内部可以有

UIcomponent->Container->Box->HBox->GridRow

UIcomponent->Container->Box->HBox->GridItem

Accordion继承关系

UIcomponent->Container->Accordion

ViewStack继承关系

UIcomponent->Container->ViewStack

ViewStack没有内建的切换内部容器的机制,其必须和一组按钮或

LinkBar,ButtonBar,ToggleButtonBar,TabBar配合使用,这些都是NavBar的子类或子子类

TabNavigator继承关系

UIcomponent->Container->ViewStack->TabNavigator

TabNavigato是ViewStack加TabBar的效果

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>常规组件

Alert继承关系

UIcomponent->Container->Panel->Alert

ColorPicker继承关系

UIcomponent->ComboBase->ColorPicker

其有个dataProvider属性,可以指定提供哪些颜色供选择

ComboBox继承关系

UIcomponent->ComboBase->ComboBox

HorizontalList继承关系

UIcomponent->ScrollControlBase->ListBase->TileBase->HorizontalList

TileList继承关系

UIcomponent->ScrollControlBase->ListBase->TileBase->TitleList

List继承关系

UIcomponent->ScrollControlBase->ListBase->List

Tree继承关系

UIcomponent->ScrollControlBase->ListBase->List->Tree

DataGrid继承关系

UIComponent->ScrollControlBase->ListBase->DataGridBase->DataGrid

TabBar继承关系

UIcomponent->Container->Box->NavBar->ButtonBar->ToggleButtonBar->TabBar

ButtonBar与ToggleButtonBar类似,后者放开鼠标后能显示按下的状态,TabBar也是显示按下状态,但外观不一样

LinkBar继承关系

UIcomponent->Container->Box->NavBar->LinkBar

其在内部根据数据源产生LinkButton

几个简单的组件:

UIcomponent->ProgressBar进度条

UIcomponent->Spacer 空生空白的空间

UIComponent->HRule及VRule 创建水平或坚直的线

UIComponent->NumericStepper 提供数据供选择,类似于ComboBox,但不产生下拉列表

UIComponent->Slider->HSlider及VSlider 通过拖到选择数据

UIComponent->ScrollBar->HScrollBar及VScrollBar,通常不单独使用,空间不够时自动产生

UIComponent->Button

UIComponent->Button->CheckBox

UIComponent->Button->RadioButton

Object->EventDispatcher->RadioButtonGroup 这个比较特别

UIComponent->Button->LinkButton

UIComponent->Button->PopUpButton 弹出一个菜单

UIComponent->Button->PopUpButton->PopUpMenuButton 数据源自动转成一个菜单

PopUpButton比Button多了一个pop-up button可以弹出Menu或List,通过属性Popup指定

UIComponent->DateChooser

UIcomponent->ComboBase->DateField

UIComponent->MenuBar 横向菜单

UIComponent->Label->Text Lable显示单行字,Text可以显示多行

UIComponent->ScrollControlBase->TextArea

UIComponent->TextInput  

UIcomponent->Container->Panel-> RichTextEditor 这个控件的外观不是固定的,可以添加删除其它组件,具体看下帮助

补充:

一:集合

ArrayCollection,XMLListCollection 继承了

mx.collections.ListCollectionView ,其实现了mx.collections.ICollectionView 和mx.collections.IList接口. 这两个接口提供了查看和

修改数据的基本方法,ArrayCollection用一个数组做数据源. XMLListCollection用XMLLIST做数据源对象

总的来说集特征如下:当数据源发生改变生,组件即时更新显示,可以查看,修改,排序源数据

有两种数据源类型

线性的

层级的,一般用于Tree,Menu,MenuBar,PopUpMenuButton

定义数据源的方法

用<mx:dataProvider>标签

在AS中定义

二:层级数据对象

可以是XML相关格式或Objects

三:使用条目逞现器和编辑器,用于ListBase下相关的控件

四:Menu,这个只能通过AS来创建
  • 大小: 24.3 KB
分享到:
评论

相关推荐

    flex类继承关系图

    flex类继承关系图 flex类继承关系图

    Flex_4组件:自定义外观

    Flex CSS简介 Flex 使用MXML设置样式 Flex 使用ActionScript设置样式 Flex 样式的继承与叠加 Flex 主题的使用 Flex 自定义皮肤 Flex 应用皮肤

    Flex 时间输入框 TimeInputEx

    Flex 继承 NumericStepper 实现时间输入组件,时分秒的输入

    FLEX从入门到精通.pdf

     3.4.5 接口和继承  3.5 本章小结   第4章 运用ActionScript3.0  4.1 Flash平台框架  4.2 显示编程  4.3 事件模型  4.3.1 事件类和类型  4.3.2 事件进程  4.3.3 事件流  4.3.4 Event ...

    Flex新手教程_入门级学习笔记

    3.Flex组件 15 3.1布局设计 15 3.3 MXML Module模块应用 16 3.4 表单 16 3.5 对话框 17 3.6 列表 18 3.7弹出菜单 19 3.8复杂用户交互应用结构 21 3.8.1 Tree高级应用 21 3.8.2 DataGrid 22 3.9导航容器,导航菜单 22 ...

    一个flex的播放器

    一个继承flex的Video做成的类组件

    Flex手机项目自定义List的ItemRenderer

    通过两种方法继承List组件的IconItemRenderer,实现在每个item项中添加组件,如button等

    Flex皮肤之yuhoo

    1、一些组件原本的外观已经不错而且也跟我现在这套风格很相配,所以完全没有改变它们的外观; 2、一些组件使用CSS来...3、一些组件,它们有继承关系,改了父组件的皮肤,它的子组件也跟着改变了,所以不管子组件了:)。

    FLEX3中文手册,看我的资源描述就知道了。

    ActionScript 3.0 语言和组件参考 全部包 | 全部类 | 语言元素 | 索引 | 附录 | 约定 | 帧 无帧 Math 属性 | 方法 | 常量 包 顶级 类 public final class Math 继承 Math Object 语言版本 : ...

    Altium Designer Beta 19.0.10完整版安装包+安装教程+和谐文件

    修复了“属性”面板中的错误,该错误导致NEXUS Server托管组件的“无法在可用库中找到组件”错误,该组件也损坏了引用。 27404 修复了从服务器更新组件数据时由于过多的数据请求导致的ActiveBOM延迟问题。 27535 ...

    Spring技术内幕:深入解析Spring架构与设计原理

    第2版不仅继承了第1版在内容组织和写作方式上的优点,而且还根据广大读者的反馈改进了若干细节上的不足。更为重要的是,结合Spring的最新版本对过时的内容进行了更新,并增加了大量新内容,使本书更趋近于完美。书从...

    深入解析Spring架构与设计原理

    第2版不仅继承了第1版在内容组织和写作方式上的优点,而且还根据广大读者的反馈改进了若干细节上的不足。更为重要的是,结合Spring的最新版本对过时的内容进行了更新,并增加了大量新内容,使本书更趋近于完美。本书...

    SPRING技术内幕:深入解析SPRING架构与设计原理

    第2版不仅继承了第1版在内容组织和写作方式上的优点,而且还根据广大读者的反馈改进了若干细节上的不足。更为重要的是,结合Spring的最新版本对过时的内容进行了更新,并增加了大量新内容,使本书更趋近于完美。书从...

    Spring技术内幕:深入解析 Spring架构与设计原理

    第2版不仅继承了第1版在内容组织和写作方式上的优点,而且还根据广大读者的反馈改进了若干细节上的不足。更为重要的是,结合Spring的最新版本对过时的内容进行了更新,并增加了大量新内容,使本书更趋近于完美。书从...

    Spring技术内幕:深入解析Spring架构与设计原理(第2版) 决战大数据时代!IT技术人员不得不读! 计文柯 著

    第2版不仅继承了第1版在内容组织和写作方式上的优点,而且还根据广大读者的反馈改进了若干细节上的不足。更为重要的是,结合Spring的全新版本对过时的内容进行了更新,并增加了大量新内容,使本书更趋近于完美。   ...

    Spring 技术内幕

    第2版不仅继承了第1版在内容组织和写作方式上的优点,而且还根据广大读者的反馈改进了若干细节上的不足。更为重要的是,结合spring的最新版本对过时的内容进行了更新,并增加了大量新内容,使本书更趋近于完美。 ...

    Spring技术内幕:深入解析Spring架构与设计原理(第2版)

    第二部分深入阐述了各种基于IoC容器和AOP的JavaEE组件在Spring和的实现原理,第三部分讲述了ACEGI安全框架、DM模块以及Flex模块等基于Spring的典型应用的设计与实现。无论你是Java程序员、Spring开发者,还是平台...

    Spring技术内幕:深入解析Spring架构与设计原理(第2版)

    第二部分深入阐述了各种基于IoC容器和AOP的JavaEE组件在Spring和的实现原理,第三部分讲述了ACEGI安全框架、DM模块以及Flex模块等基于Spring的典型应用的设计与实现。无论你是Java程序员、Spring开发者,还是平台...

    ActionScript开发技术大全

    2.2.2在FlexBuilder3下创建ActionScript3.0项目 15 2.3服务端部署 16 2.3.1安装JDK 16 2.3.2安装Tomcat服务器 18 2.3.3Tomcat集成RED5服务器 20 2.4安装VisualBasic6.0 22 2.5小结 23 第3章ActionScript3.0语法 24 ...

Global site tag (gtag.js) - Google Analytics