Flex学习之九

FLex的拖拽，试用了一个组件库，非常简单：http://code.google.com/p/flex-drag-n-drop-lib/

<?xml version="1.0" encoding="utf-8"?>
<mx:Application  
    layout="vertical"
    
    xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:containers="dNdLib.containers.*">
    
    <mx:Script>
        <![CDATA[
            
            import dNdLib.managers.DnDManager;
            
        ]]>
    </mx:Script>
    
    <mx:Panel id="panel" width="100%" height="100%" layout="horizontal">
    
        <containers:DnDContainer width="200" height="100%" horizontalAlign="center" verticalAlign="middle" paddingTop="10" verticalGap="10" 
            direction="vertical" borderStyle="solid" id="left" backgroundColor="blue" backgroundAlpha=".25">
            
            <mx:Box backgroundColor="red" width="150" height="150" mouseDown="DnDManager.getInstance().doDrag(event)"/>
            
            <mx:Box backgroundColor="purple" width="150" height="150" mouseDown="DnDManager.getInstance().doDrag(event)"/>
            
            <mx:Box backgroundColor="black" width="150" height="150" mouseDown="DnDManager.getInstance().doDrag(event)"/>
        
        </containers:DnDContainer>
        
        <mx:VBox width="100%">
            
            <containers:DnDContainer width="100%" height="200" horizontalAlign="center" verticalAlign="middle" paddingTop="10" verticalGap="10"
                direction="horizontal" borderStyle="solid" id="right" backgroundColor="blue" backgroundAlpha=".25">
                
                <mx:Box backgroundColor="yellow" width="150" height="150" mouseDown="DnDManager.getInstance().doDrag(event)"/>
                
                <mx:Box backgroundColor="green" width="150" height="150" mouseDown="DnDManager.getInstance().doDrag(event)"/>
                
                <mx:Box backgroundColor="blue" width="150" height="150" mouseDown="DnDManager.getInstance().doDrag(event)"/>
            
            </containers:DnDContainer>
            
            <containers:DnDContainer width="100%" height="200" horizontalAlign="center" verticalAlign="middle" paddingTop="10" verticalGap="10"
                direction="horizontal" borderStyle="solid" id="bottom" backgroundColor="blue" backgroundAlpha=".25"/>
        
        </mx:VBox>
        
    </mx:Panel>
    
    
    
</mx:Application>