Spark Layout & Containers

Spark Layout Classes 

Each container has a layout property

• BasicLayout -  default layout property, it uses absolute position based on x and y properties (origin at top-left corner, x increase towards right & y increases downwards)
• HorizontalLayout - ignores x and y property and all content is layed out horizontally and height of the row is height of the tallest child. 
• Vertical Layout - ignores x and y property and all content is layed out vertically and height of the columns is height of the widest child.
• TileLayout - lays out children horizontally and vertically into multiple columns and rows.height and width of the column is there heights and widths are equal to that of the widest and tallest child respectively. use paddingXXX properties to add space between the children.

Code Snippet

<s:Application ...>

  <s:layout>

     <s:BasicLayout/>

  </s:layout>

</s:Application>

Spark containers

• Non-skinnable containers -
• Group 
• DataGroup
• Skinnable containers - 

• SkinnableContainer
• SkinnableDataContainer
• Panel
• TitleWindow
• NavigatorContent
• Application
• BorderContainer - border and background styles could be applied by setting the appropriate property using this container

Related articles

• Create a YouTube Player for Android using Flash Builder 4.5(fabiobiondi.com)

  ---

• Introspective Event Handling For Flex SkinnableComponents(thunderheadxpler.blogspot.com)

  ---

• Open Source Media Framework (OSMF) on Android with Adobe Flex 4.5(fabiobiondi.com)

  ---