Panel layout container

Panel layout container are like HBox, VBox, canvas containers but let you add a title bar, a caption, a border also along with content area for its children.

Panel layout container

Panel layout container

     

Panel layout container are like HBox, VBox, canvas containers but let you add a title bar, a caption, a border also along with content area for its children. By default, panel container arranges its children vertically but you can change its layout property to horizontal or absolute also.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Panel x="50" y="50" title="Nature Pics" titleIcon="@Embed('assets/images/rose.jpeg')" headerHeight="30" borderColor="white" borderAlpha="1.0" width="449" height="150" backgroundColor="#FFE6FF" layout="horizontal" verticalAlign="middle">

<mx:Image width="100" height="76">

<mx:source>assets/images/Sunset.jpg</mx:source>

</mx:Image>

<mx:Image width="100" height="76">

<mx:source>assets/images/Blue hills.jpg</mx:source>

</mx:Image>

<mx:Image width="100" height="76">

<mx:source>assets/images/Water lilies.jpg</mx:source>

</mx:Image>

<mx:Image width="100" height="76">

<mx:source>assets/images/Winter.jpg</mx:source>

</mx:Image>

</mx:Panel>

</mx:Application>

Output:



Download the code:
PanelLayoutContainer.zip

Tutorials

  1. Flex Container
  2. Flex Introduction
  3. What are Flex Containers
  4. Using Flex Containers
  5. Application container
  6. Canvas Layout Container
  7. Box Layout Container
  8. VBox Layout Container
  9. HBox Layout Container
  10. Form Layout Container
  11. Grid layout container
  12. Creating custom application download progress bar
  13. Panel layout container
  14. Tile layout container
  15. TitleWindow layout container
  16. ControlBar layout container
  17. DividedBox layout container
  18. HDividedBox layout container
  19. VDividedBox layout container
  20. Flex Container