`
strugglesMen
  • 浏览: 115137 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

FLEX组件继承关系

阅读更多

FLEX组件继承关系

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

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来创建

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/babylon_0049/archive/2009/04/03/4038406.aspx

分享到:
评论

相关推荐

    flex类继承关系图

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

    Flex 组件Flex 组件Flex 组件

    每个Flex组件都是一个继承自UIComponent的类,拥有自己的生命周期、样式和事件处理机制。例如,Button组件用于响应用户的点击动作,Label组件用于显示静态文本,而List组件则可以展示可选择的项目列表。 Flex组件的...

    Flex的组件

    在本文中,我们将深入探讨Flex组件系统,包括其核心概念、组件的使用以及AllMenu.mxml文件可能涉及的内容。 Flex组件是构建用户界面的基本元素,它们是预定义的、可重用的代码单元,可以显示文本、图像、按钮、滑块...

    flex 重写组件

    - **继承基类**:通常是从`UIComponent`或其他Flex组件类继承。 - **指定属性**:确定哪些属性可以在MXML标记中设置。 - **嵌入资源**:嵌入所有需要的图像和皮肤文件,保持文件体积尽可能小。 - **实现构造器**...

    Flex各自定义组件事件通讯例子

    事件通讯是Flex组件间交互的主要方式,它允许组件发送通知并响应其他组件的行为。在用户登录场景中,当用户点击“登录”按钮时,可能会触发一个事件。 1. 事件定义:创建自定义事件类,继承自flash.events.Event,...

    第五章 自定义组件开发 第一节 自定义Flex组件

    1. **定义组件类**:首先,你需要创建一个新的AS3类,并让它继承自一个Flex组件基类。例如,你可以选择mx.core.UIComponent作为父类,或者根据需要选择更具体的基类。 2. **声明MXML元数据**:在ActionScript类中,...

    支持手动拖拽缩放flex组件的组件

    在给定的标题“支持手动拖拽缩放flex组件的组件”中,我们可以推断出这是一个专门针对Flex环境设计的组件,它允许用户通过手动拖拽和缩放操作来调整Flex应用中的组件大小。 描述中提到的“com.janisRadins.zip”很...

    flex 高级自定义组件

    在Flex中,可以通过继承UIComponent类来创建自定义组件。UIComponent是所有可视化组件的基础,提供了许多用于组件管理的属性和方法。为了改变组件的外观特征,开发者常常需要重写`commitProperties()`方法。这个方法...

    flex 时间组件(time)

    如果标准的Time组件无法满足需求,可以通过继承并覆盖其方法和属性来自定义组件。例如,可以创建一个新的TimeComponent,增加新的功能,如时间范围限制、时间验证等。 6. 源码分析: 了解Time组件的源码有助于...

    Flex4自定义组件开发.pdf

    这个组件继承了`SkinnableButton`的所有特性,并添加了额外的功能。 #### 七、总结 自定义组件是Flex4开发中的一个重要方面,它不仅可以让开发者根据项目需求创建独特的UI元素,还可以极大地提高应用的表现力和...

    flex 自定义组件

    在Flex中,自定义组件通常是通过继承已有的基类,如UIComponent或Button,然后添加自己的属性、方法和样式来实现的。这样做的好处在于,我们可以创建出符合设计规范、功能齐全且可重用的组件,提高代码复用率和开发...

    Flex Tree组件的实线连接线

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于展示层次结构数据。在默认情况下,Tree组件的...这个过程涉及到Flex组件的渲染机制、图形绘制以及样式控制,对于提升Flex应用的用户体验和视觉效果具有重要意义。

    flex做拓扑图的组件

    4. **自定义组件**:拓扑图组件通常需要定制,可以创建一个继承自`UIComponent`的类,并重写`draw()`方法以实现自定义的绘制逻辑。此外,你可能还需要覆盖`measure()`和`updateDisplayList()`方法来确保组件的尺寸和...

    flex组件重写

    这通常发生在原生Flex组件无法满足我们的外观、行为或功能要求时。本文将探讨Flex组件重写的必要性、考虑因素、以及AS和MXML方式的选用规则,并提供AS方式重写组件的一般步骤。 一、为什么要重写组件 1. 扩展功能:...

    Flex组件生命周期[收集].pdf

    Flex组件生命周期是软件开发中关于Adobe Flex框架的重要概念,它涉及到UIComponent的创建、初始化、显示和销毁等各个阶段。Flex应用的根对象是SystemManager,这是一个Display Class,继承自flash.display.MovieClip...

    flex自定义组件事件DEMO

    在Flex编程中,自定义组件是提升应用可扩展性和复用性的重要...通过这个DEMO,开发者可以学习到如何有效地扩展Flex组件库,构建具有交互性和复杂性的用户界面。记得动手实践,不断探索和优化,才能真正掌握这一技能。

    flex组件之DataGrid高级用法实例源码

    在Flex编程领域,DataGrid组件是开发者们常用的数据展示工具,尤其在处理大量结构化数据时,它能提供高效、可定制化的展示效果。本文将深入探讨Flex DataGrid的高级用法,通过实例源码来解析其核心特性,帮助开发者...

    flex中的组件重写例子

    本文将深入探讨Flex组件重写的原因、注意事项、重写过程以及组件的内部执行流程,并通过示例进行详细说明。 首先,我们来看一下为何需要重写Flex组件。Flex提供了丰富的预定义组件库,如Button、Label、List等,但...

    FLEX主要容器关系图

    在探讨"FLEX主要容器关系图"这一主题时,我们深入解析Flex框架中各种容器组件的层次结构与相互关联,这对于理解和应用Flex布局至关重要。Flex,作为Adobe推出的一款用于开发跨平台应用程序的开源框架,其核心优势...

Global site tag (gtag.js) - Google Analytics