Fade Effects for adding item to Tile
<?xml version="1.0"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.effects.DefaultListEffect;
import mx.collections.ArrayCollection;
[Bindable]
private var dataCollection:ArrayCollection = new ArrayCollection();
private function removeFromList():void {
var index : int = dataCollection.getItemIndex( tileList.selectedItem );
dataCollection.removeItemAt( index );
}
private function addToList():void {
dataCollection.addItemAt( Math.random(), 0);
}
</mx:Script>
<mx:DefaultTileListEffect id="effect" moveDuration="250" fadeInDuration="250" fadeOutDuration="250" />
<mx:TileList id="tileList" width="500" height="200" dataProvider="{ dataCollection }" itemsChangeEffect="{ effect }" />
<mx:HBox>
<mx:Button label="Add New Item" click="addToList();" />
<mx:Button label="Remove Selected Item" click="removeFromList();" />
</mx:HBox>
</mx:Application>
Related examples in the same category