100 likes | 323 Views
components. Flex components. VISAUL COMPONENT hierarchy. Object. EventDispatcher. DisplayObject. InteractiveObject. DisplayObjectContainer. Sprite. FlexSprite. UIComponent. All Components. Coordinate systems. content 0, 0 -. global 0, 0 -. local 0, 0 -. Sizing flex Components.
E N D
components Flex components
VISAUL COMPONENT hierarchy Object EventDispatcher DisplayObject InteractiveObject DisplayObjectContainer Sprite FlexSprite UIComponent All Components
Coordinate systems content 0, 0 - global 0, 0 - local 0, 0 -
Sizing flex Components width percentWidth minWidth maxWidth OK measuredMinWidth measuredWidth
Layout flex components - absolute position <mx:Button x=10 y=20 /> OK percent size <mx:Button x=10 y=40 width=100% /> | OK anchor position <mx:Button right=10 bottom=10 /> - OK
Flex containers paddingTop paddingLeft x Content Area Container paddingBottom paddingRight
Flex container layouts Base Layout <mx:Canvas /> <s:BaseLayout /> Horizontal Layot <mx:HBox /> <s:HorizontalLayout /> horizontalGap Vertical Layout <mx:VBox /> <s:VerticalLayout /> Tile Layout <mx:Tile /> <s:TileLayout /> horizontalGap verticalGap verticalGap