flex_The Use Of DividedBox Demo;

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="1024" minHeight="768" pageTitle="岑业宝工作室(2012-03-19 17:00)">

    <fx:Declarations>
        <!-- 非可视元素 -->
    </fx:Declarations>
    
    <!--view-->
    <s:Panel title="The Use Of DividedBoxes" verticalCenter="0" horizontalCenter="0"
             width="350" height="250">
        <mx:DividedBox direction="horizontal" width="100%">
            <s:VGroup height="100%">
                <mx:Text text="左边区域" fontWeight="bold"/>
                <s:Button label="按1钮" width="100%"/>
                <s:Button label="按2钮" width="100%"/>
            </s:VGroup>
            
            <mx:VDividedBox width="50%" height="100%">
                <s:VGroup width="100%">
                    <mx:Text text="右边头部区域" fontWeight="bold"/>
                    <mx:Text text="你好吗！？"/>
                    <mx:Text text="我很好哦！"/>
                </s:VGroup>
                
                <s:VGroup width="100%">
                    <mx:Text text="右边底部区域" fontWeight="bold"/>
                    <mx:Text text="吃饭了没？！"/>
                    <mx:Text text="我早就吃了呢！"/>
                </s:VGroup>
            </mx:VDividedBox>
            
        </mx:DividedBox>
    </s:Panel>
    
</s:Application>