使List组件改变数据时带有动画

效果说明：当点击添加元素的时候，就会向List添加一条数据，而添加的过程带有渐隐动画。

源代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
Application{
fontSize:12px;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var db:ArrayCollection = new ArrayCollection([{id:'1',name:'jquery教程'},
{id:'2',name:'ext教程'},
{id:'3',name:'flex教程'}]);
private function addItem():void{
db.addItem({id:'4',name:'php教程'});
}
]]>
</mx:Script>
<mx:DefaultListEffect color="0xccccff" fadeOutDuration="2000" id="glow" />
<mx:List width="200" itemsChangeEffect="{glow}" dataProvider="{db}" editable="true" labelField="name" x="10" y="40"/>
<mx:Button click="addItem()" label="添加个元素" x="20" y="10"/>
</mx:Application>

List 组件中有个itemsChangeEffect属性，当数据改变的时候会触发改变特效（dataProvider请使用collection）。
这里使用的特效效果为DefaultListEffect。

跟作者说两句