mxml Layout Study #001

/**
 * Copyright yarhalla1 ( http://wonderfl.net/user/yarhalla1 )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/iZq8
 */

<?xml version="1.0" encoding="utf-8"?>
<!-- forked from yarhalla1's mxml helloworld -->
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml">

       <mx:HBox width="100%" height="100%" backgroundColor="0x999999" horizontalGap="0">
           <mx:VBox backgroundColor="0xCCCCCC" width="120" height="100%">
                <mx:Label text="HelloWorld" width="100%"/>
                <mx:Button label="Button 1" width="100%"/>
                <mx:Button label="Button 2" width="100%"/>
                <mx:Button label="Button 3" width="100%"/>
           </mx:VBox>
           <mx:Box backgroundColor="0xAAAAAA" width="100%" height="100%" paddingTop="10" paddingLeft="10" paddingBottom="10" paddingRight="10">
           <mx:Canvas width="100%" height="100%"  backgroundColor="0xFFFFFF" />
           </mx:Box>

        </mx:HBox>
</mx:Application>