VBox Layout Container
Posted on: November 14, 2009 By Deepak Kumar
Posted on: November 14, 2009 By Deepak Kumar
VBox Layout Container
VBox layout container is just like Box container with vertical direction. This container lays its children components vertically. You can see the code below, there are four image components within VBox container. The container sets them all vertically.
|
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:VBox width="104" height="326" x="157.5" y="30"> <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:VBox></mx:Application> |
Output:
Download the source code:
|
Recommend the tutorial |
Comments
Ask Questions? Discuss: VBox Layout Container
Post your Comment