Flex中Array,ArrayList,ArrayCollection的区别

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>