如何使用Flex HDividedBox(就是拖动效果调节左右)

<?xml version="1.0"?>  
<!-- Simple example to demonstrate the HDividedBox layout -->  
<!--  
    如何使用Flex HDividedBox  
    MyShareBook.cn 翻译  
-->  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">  
  
    <mx:Panel title="HDividedBox Container Example" width="90%" height="90%"   
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">  
  
        <mx:Text width="100%" color="blue"  
            text="Drag the divider side to side to resize the children."/>  
  
        <mx:HDividedBox width="100%" height="100%">  
  
            <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">  
                <mx:Label text="Add components here" fontWeight="bold"/>  
            </mx:Canvas>  
  
            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">  
                <mx:Label text="Add components here" fontWeight="bold"/>  
            </mx:Canvas>  
  
        </mx:HDividedBox>  
  
    </mx:Panel>  
</mx:Application>