如何使用Flex AddItemAction effect
<?xml version="1.0"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"><!--如何使用Flex AddItemActionMyShareBook.cn 翻译--> <mx:Script> <! private var myDP:ArrayCollection = new ArrayCollection( ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']); private function deleteItem():void { // As each item is removed, the index of the other items changes. // So first get the items to delete, then determine their indices // as you remove them. var toRemove:Array = []; for (var i:int = 0; i < tlist0.selectedItems.length; i++) toRemove.push(tlist0.selectedItems); for (i = 0; i < toRemove.length; i++) myDP.removeItemAt(myDP.getItemIndex(toRemove)); } private var zcount:int = 0; private function addItem():void { // Always add the new item after the third item, // or after the last item if the length is less than 3. myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length)); } ]]> </mx:Script> <!-- Define a custom data effect as a Sequence effect. --> <mx:Sequence id="itemsChangeEffect1"> <mx:Blur blurYTo="12" blurXTo="12" duration="300" perElementOffset="150" filter="removeItem"/> <mx:Parallel> <mx:Move duration="750" easingFunction="{Elastic.easeOut}" perElementOffset="20"/> <mx:RemoveItemAction startDelay="400" filter="removeItem"/> <mx:AddItemAction startDelay="400" filter="addItem"/> <mx:Blur startDelay="410" blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" duration="300" filter="addItem"/> </mx:Parallel> </mx:Sequence> <mx:Panel title="AddItemEffect/RemoveItemEffect Example" width="75%" height="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <!-- This TileList uses a custom data change effect --> <mx:TileList id="tlist0" height="100%" width="100%" fontSize="18" fontStyle="bold" columnCount="4" rowCount="4" direction="horizontal" dataProvider="{myDP}" allowMultipleSelection="true" offscreenExtraRowsOrColumns="4" itemsChangeEffect="{itemsChangeEffect1}"/> <mx:Button label="Delete selected item(s)" click="deleteItem();"/> <mx:Button label="Add item" click="addItem();"/> </mx:Panel> </mx:Application>
页:
[1]