您的位置:首页 > 其它

Flex组建的继承关系

2009-04-15 11:26 330 查看
通过继承,会了某一个组件的用法,与它有同样的继承关系的组件也就了解了

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: