flex 拖动组件 （dNdLib）

例子：
<?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:Button label="Even" mouseDown="DnDManager.getInstance().doDrag(event)">
</mx:Button>
<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>