Flex中Array,ArrayList,ArrayCollection的区别

时间：2011-06-06 来源：吴X

from:http://bbs.airia.cn/forum-viewthread-tid-44906-highlight.html

当Array的数据发生变化的时候，用它作为数据源的控件不能感知这种变化。
例如：myArray.push(“new value”); 这时，如果一个List用它作为dataProvider，List的列表中不会增加新加入的这个值。
而当ArrayCollection的数据发生变化的时候，能够通知控件发生变化。
例如：myArrayCollection.addItem(“new item”); 这时，如果一个控件List用它作为dataProvider，List列表中会增加一列内容。
=================================================================
ArrayCollection实现接口ICollectionView，在Flex的类定义内属于[数据集]，他提供更强大的检索、过滤、排序、分类、更新监控等功能。FDK2提供的类似的类还有XMLListCollection.
这两者差别在于如果用array在作为data provider绑定于control之上，就无法获得控件的更新，除非控件被重新绘制或者data provider被重新指定，而Collection则是将array的副本存储于Collection类的某个对象之中，其特点是Collection 类本身就具备了确保数据同步的方法
在Flex 4中的引入了一种新数据类型：ArrayList。它实现了IList接口，底层以Array作为数据源。本质上它是一种轻量级的ArrayCollection，可以作为数据源绑定到控件上。但与ArrayCollection不同的是，它不能筛选和过滤数据。注意，基于list的Spark控件是不能直接以Array作为数据提供者的，一定要实现IList接口。这也应该是引入ArrayList数据类型的原因之一

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> 
<mx:Script> 
<![CDATA[ 
import mx.collections.ArrayCollection; 
[Bindable] 
public var myArray:Array=["北京","上海","深圳"]; 
[Bindable] 
public var myCollection:ArrayCollection=new ArrayCollection(myArray); 
public function addCountryToArray(country:String):void{ 
myArray.push(country); 
} 
public function addCountryToCollection(country:String):void{ 
myCollection.addItem(country); 
} 
]]> 
</mx:Script> 
<mx:TextInput id="countryTextInput" text="广州"/> 
<mx:Label text="Bound to Array (Raw Object)"/> 
<mx:Button click="addCountryToArray(countryTextInput.text)" label="Add Country to Array"/> 
<mx:List dataProvider="{myArray}" width="200"/> 
<mx:Label text="Bound to Collection"/> 
<mx:Button click="addCountryToCollection(countryTextInput.text)" label="Add Country to Collection"/> 
<mx:List dataProvider="{myCollection}" width="200"/> 
</mx:Application>

ArrayList的使用:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<s:ArrayList id="al">
<fx:Object type="Line" class="LineSeries"/>
<fx:Object type="Mountain" class="AreaSeries"/>
<fx:Object type="Candlestick" class="CandlestickSeries"/>
<fx:Object type="HLOC" class="HLOCSeries"/>
</s:ArrayList>
</fx:Declarations>
<s:DropDownList dataProvider="{al}" 
labelField="type" selectedIndex="0"/>
</s:Application>