This article is all about presenting the visual component hierarchy this is basic thing in flex which shows how different properties, method and evens added to the component at various levels and this give knowledge to the lower level of abstraction.

Flex Visual component are created with the class hierarchy of several ActionScript class to provide more flexibility and add more features at the different level of hierarchy.

Following is a visual representation of class hierarchy of Flex Visual Components:

Object: Object is a Top/Root Level class of AactionScript class hierarchy. | More Info…

EventDispatcher: EventDispatcher class extends object class. EvenDispacher class allows any object on the display list to be an event target. | More Info…

DisplayObject: Display Object class extends object and this is the base class for all objects which can be added in the DisplayList. Display object class allows some properties (x, y, width, height )for components/Objects like MovieClip, Button, TextField etc… | More Info…

InteractiveObject: InteractiveObject extends DisplayObject and it is an abstract base class for all DisplayObject with which user can interact. InteractiveObject provides some common properties like doubleClickEnabled, focusRect, tabIndex etc… and Events like all mouse Events, Keyboard Events. | More Info…

DisplayObjectContainer: DisplayObjectContainer extends InteractiveObject class and it is a base shell for all containers which adds display objects in the container shell. . DisplayObjectContainer provides some common properties like… numChildren, tabChildren etc… and methods like addChild(), removeChilld() method related to the child display object management. .. | More Info…

FlexSprite: FlexSprite is a subclass of the Player’s Sprite class and the superclass of UIComponent. It overrides the toString() method to return a string indicating the location of the object within the hierarchy of DisplayObjects in the application. The Sprite class is a basic display list building block: a display list node that can display graphics and can also contain children. | More Info…
UIComponent: UIComponent extends Sprite and it is a base class for all Interactive and non Interactive component. The UIComponent class is not used as an MXML tag, but is used as a base class for other classes. | More Info…

All Visual Components like VBox, HBox, Canvas, Button etc… extends UIComponent.

Hope this article will help you. Any Comments?