5.3.為L(zhǎng)ist的內(nèi)容變更添加特效

2024-04-27 13:51:56

字體：大中小

供稿：網(wǎng)友

5.3.1 問(wèn)題
當(dāng)list 的數(shù)據(jù)被改變的時(shí)候?yàn)閘ist 添加顯示效果
5.3.2 解決方法
創(chuàng)建一個(gè)效果序列并將它們傳遞給List 組件的itemsChangeEffect 屬性
5.3.3 討論
數(shù)據(jù)改變時(shí)效果是flex 3 新增的很強(qiáng)大的效果,對(duì)于之前的版本，你可以寫(xiě)數(shù)據(jù)改變時(shí)效果并分發(fā)和注冊(cè)事件和事件偵聽(tīng)，但是伴隨著flex 3 新增itemsChangeEffect 屬性，List 組件和任何繼承ListBase 的類(lèi)都可以在它的dataProvider 改變時(shí)分發(fā)事件,然后該事件觸發(fā)所有傳遞給List 中新的itemsChangeEffect 屬性的效果或效果序列.

由于dataChange 事件是由List 的dataProvider 觸發(fā)的，設(shè)置一個(gè)類(lèi)似List 組件的dataProvider 的數(shù)組意味著該數(shù)組被改變時(shí)itemsChangeEffect 事件不會(huì)被分發(fā)。記住，事件被改變時(shí)不分發(fā)事件，對(duì)于ArrayCollection 類(lèi)，當(dāng)事件被改變時(shí)仍然會(huì)分發(fā)事件，類(lèi)似繼承自EventDispatcher 并設(shè)置成分發(fā)事件一樣，當(dāng)一個(gè)設(shè)置方法被調(diào)用來(lái)改變潛在的數(shù)組對(duì)象的值簡(jiǎn)單地將itemsChangeEffect 設(shè)置為一個(gè)2 秒淡出的DefaultListEffect 的實(shí)例，下面這個(gè)例子是當(dāng)List 被改變時(shí)應(yīng)用一個(gè)mx.effects.Glow 實(shí)例的效果:

-XML

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="900" top="20" left="20">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
//note that for this example to work, the dataprovider
//must be an array collection
[Bindable]
private var dp:ArrayCollection = new ArrayCollection([{name:"John Smith" ,position:"developer" }
, {name:"Ellen Smith" , position:"manager" }
, {name:"James Smith" , position:"accountant" }
, {name:"Jane Smith" , position:"designer" }]);
private function addItem():void {
dp.addItem({name:"Jim Smith" , position:"Janitor" });
}

]]>
</mx:Script>
<mx:DefaultListEffect color="0xccccff" fadeOutDuration="2000"
id="glow"/>
<mx:List width="300" itemsChangeEffect="{glow}"
dataProvider="{dp}" editable="true" labelField="name"/>
<mx:Button click="addItem()" label="add item"/>
<mx:List width="300" itemsChangeEffect="{glow}"
dataProvider="{dp}" editable="true" labelField="name"/>
</mx:VBox>