I am using a TileList control with an effect sequence linked to the itemsChangeEffect property.
<mx:TileList
itemsChangeEffect="{dataChangeEffectSequence}"
...>
</mx:TileList >
<mx:Sequence id="dataChangeEffectSequence">
<mx:Blur
blurYTo="12" blurXTo="12"
duration="250"
perElementOffset="150"
filter="removeItem"/>
<mx:Move
duration="1500"
easingFunction="{Elastic.easeOut}"
perElementOffset="20"/>
...
</mx:Sequence>
The resulting effect is pretty neat. For example, when removing an item from the data provider, it will blur out and the other items will move to fill the empty space.
However, my data provider is a ListCollectionView that I use to filter items. When I set a filter criteria, it will hide a couple of items from the TileList but there is no animation like when I remove an item. Is there a way to animate the TileList when an item is filtered ?