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

main.mxml

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