如何使用Flex DividedBox

<?xml version="1.0"?>
<!-- Simple example to demonstrate the DividedBox layout container. -->
<!--
	如何使用Flex DividedBox
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Panel title="DividedBox Container Example" height="95%" width="95%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Text width="100%" color="blue"
            text="A horizontal DividedBox container. Drag the divider side to side to resize the children."/>

        <mx:DividedBox direction="horizontal" width="100%" height="100%">

            <mx:Panel title="Panel 1" width="25%" height="100%" backgroundColor="0xCCCCCC">
            </mx:Panel>

            <mx:Panel title="Panel 2" width="25%" height="100%" backgroundColor="0xCCCCCC">
            </mx:Panel>

        </mx:DividedBox>

    </mx:Panel>
</mx:Application>