<?xml version="1.0" encoding="utf-8"?>
<!---
MX ConstraintLayout Sample
(constraintColumns & constraintRows)
-->
<mx:Application
xmlns:mx                 = "http://www.adobe.com/2006/mxml"
paddingLeft              = "10"
paddingTop               = "10"
paddingRight             = "10"
paddingBottom            = "10"
backgroundAlpha          = "1"
backgroundColor          = "#ffffff"
backgroundGradientAlphas = "[1,1]"
backgroundGradientColors = "[-1,-1]"
 viewSourceURL="srcview/index.html">

    <mx:Canvas
        width                  = "90%"
        height                 = "90%"
        minWidth               = "640"
        minHeight              = "480"
        verticalCenter         = "0"
        horizontalCenter       = "0"
        verticalScrollPolicy   = "off"
        horizontalScrollPolicy = "off"
    >
        <mx:constraintColumns>
            <mx:ConstraintColumn id="col1" width="160"  />
            <mx:ConstraintColumn id="col2" width="50%" minWidth="160" />
            <mx:ConstraintColumn id="col3" width="50%" minWidth="160" />
            <mx:ConstraintColumn id="col4" width="160"  />
        </mx:constraintColumns>
        <mx:constraintRows>
            <mx:ConstraintRow id="row1" height="120"  />
            <mx:ConstraintRow id="row2" height="50%" minHeight="120" />
            <mx:ConstraintRow id="row3" height="50%" minHeight="120" />
            <mx:ConstraintRow id="row4" height="120"  />
        </mx:constraintRows>

        <mx:Button left = "col1 : 0" right="col1 : 0" top = "row1 : 0" bottom="row2 : 0" />
        <mx:Button left = "col2 : 0" right="col3 : 0" top = "row1 : 0" bottom="row1 : 0" />
        <mx:Button left = "col4 : 0" right="col4 : 1" top = "row1 : 0" bottom="row3 : 0" />
        <mx:Button left = "col2 : 0" right="col3 : 0" top = "row2 : 0" bottom="row3 : 0" />
        <mx:Button left = "col1 : 0" right="col1 : 0" top = "row3 : 0" bottom="row4 : 1" />
        <mx:Button left = "col2 : 0" right="col2 : 0" top = "row4 : 0" bottom="row4 : 1" />
        <mx:Button left = "col3 : 0" right="col4 : 1" top = "row4 : 0" bottom="row4 : 1" />

    </mx:Canvas>

</mx:Application>