加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex4 Array和Flex ArrayCollection的用法和区别

发布时间:2020-12-15 03:43:16 所属栏目:百科 来源:网络整理
导读:本文和大家重点讨论一下Flex Array和Flex ArrayCollection的用法和区别,这里从六个方面向大家介绍,相信通过本文的学习你对二者之间的联系会有明确的认识。 Flex Array和Flex ArrayCollection的用法和区别 1.Flex Array作为控件使用 FLEX3写法: ? mx: Flex


本文和大家重点讨论一下Flex Array和Flex ArrayCollection的用法和区别,这里从六个方面向大家介绍,相信通过本文的学习你对二者之间的联系会有明确的认识。

Flex Array和Flex ArrayCollection的用法和区别

1.Flex Array作为控件使用

FLEX3写法:
?

   
   
  1. <mx:Flex Arrayidmx:Flex Arrayid=”barname”>?
  2. <mx:String>Flash</>?
  3. >Director>?
  4. >Dreamweaver>ColdFusionmx:FlexArray>?

FLEX4写法:
?

<fx:Flex Arrayidfx:Flex Arrayfx:String>Flexfx:FlexArray>?

   
   

举例
<mx:LinkBarid=”navigationBar”dataProvider=”{barname}”/>
<mx:LinkBarid=”navigationBar”dataProvider=”barname”/>
注:写{},则当barname数据的值修改后,linkbar的数据同步更新

2.Flex Array在程序中使用

  • [Bindable] ?
  • publicvarbarname:FlexArray=["Flex","Flash","Dreamweaver"]; ?
  • <mx:LinkBaridmx:LinkBarid=”navigationBar”dataProvider=”{barname}”/>?
  • varbarname:FlexArray=newFlexArray(); ?
  • barname.push(“Flex”); ?
  • barname.push(“Flash”); ?
  • barname.push(“Dreamweaver”); ?
  • navigationBar.dataProvider=barname; ?
  • ?
  • 3.Flex Array的排序

  • privatevartemp:FlexArray=newFlexArray(1,4,3,45,6,7,77,9); ?
  • functionsortFlex Array(numbers:Flex Array):Flex Array{ ?
  • numbers.sort(Flex Array.NUMERIC); ?
  • returnnumbers; ?
  • } ?
  • ?
  • 4.Flex ArrayCollection特点

    Flex ArrayCollection是flex中的数组集合类,它是很常用的,我们使用它时需要注意几个地方。

    (1)事件监听
    Flex ArrayCollection可以为它注册一个集合改变的监听事件(CollectionEvent.COLLECTION_CHANGE),就是一旦Flex ArrayCollection数组改变就会触发Event,不是所有情况的改变都会触发改变事件,如果集合当中的对象属性没有被绑定,那么你改变它的对象值也是不会触发事件的,在这种情况下你也许可能需要去将对象的属性进行绑定或者通过itemUpdated方法去管理对象值改变,除非集合的长度改变了,事件才会被触发。

    (2)对象删除
    Flex ArrayCollection的对象删除方法removeAll(),有这样一种情况,当你在过滤集合数据的时候,它并不会删除所有数据,而是删除全部过滤的数据,不符合过滤条件的数据就没被删除,依然还在source中。

    (3)过滤函数
    Flex ArrayCollection有个filterFunction过滤函数,就是可能集合中你只需要显示其中某几个对象,你将会需要根据对象条件筛选对象,那么你可能会用过滤函数,过滤函数会将不符合条件的对象过滤出来,但是Flex ArrayCollection有个source属性是不会变的,它是个数组,所有源数据全在里面,尽管你去过滤,所有对象都会一直存在其中。

    (4)排序
    Flex ArrayCollection还有一个sort属性是用来排序的,你可以为其指定排序字段。

    5.ArrayCollection在程序中使用

    (1)插入或删除
    ?

  • importmx.collections.Flex ArrayCollection; ?
  • privatevarcoll:Flex ArrayCollection; ?
  • coll=newFlex ArrayCollection( ?
  • [{name:"MartinFoo",age:25},?
  • {name:"JoeBar",age:15},?
  • {name:"JohnBaz",age:23}]); ?
  • } ?
  • 要插入元素,可使用addItemAt和addItem:
    coll.addItemAt({name:”JamesFez”,age:40},0);
    coll.addItem({name:”JamesFez”,age:40});

    (2)搜索
    Sort对象提供findItem方法用于搜索这个Flex ArrayCollection中的所有元素。
    方法原型如下:
    publicfunctionfindItem(items:Flex Array,values:Object,mode:String,
    returnInsertionIndex:Boolean=false,compareFunction:Function=null):int
    Value参数可以是包含属性和所需值的任何对象。

    Mode字符串可以是Sort.ANY_INDEX_MODE,表示返回任何匹配项索引,Sort.FIRST_INDEX_MODE表示返回第一个匹配项索引,Sort.LAST_INDEX_MODE表示返回最后一个匹配项索引。
    returnInsertionIndex参数表示如果该方法找不到由values参数标识的项目,并且此参数为
    true,则findItem()方法将返回这些值的插入点,也就是排序顺序中应插入此项目的。
    compareFunction设置用于查找该项目的比较运算符函数.
    举例
    ?

  • privatefunctioncheckExistence():int{ ?
  • varsort:Sort=newSort(); ?
  • returnsort.findItem(coll.source,{name:nameTI.text,age:Number(ageTI.text)},Sort.ANY_INDEX_MODE); ?
  • } ?
  • (3)过滤

    filterFunction属性是由ListCollectionView类定义,它是Flex ArrayCollection的父类。
    当过滤器函数被传递给继承自ListCollectionView的任何子类后,这里为Flex ArrayCollection对象,应用过滤器后必须调用refresh方法
    将原型为function(item:Object):Boolean的函数传递给Flex ArrayCollection的filter属性。如果返回true表示值继续留在Flex ArrayCollection,返回false表示其值被移除。
    ?

    (4)排序

    首先要创建一个Sort,传递一个SortField对象数组给fields属性。这些SortField对象包含的字符串正是每个Flex ArrayCollection元素将要用来排序的属性。如要对每个对象的age属性进行排序,创建Sort对象,传递SortField。
    设置排序字段为age:
    ?

  • privatefunctiongetOldest():void{ ?
  • varsort:Sort=newSort(); ?
  • sort.fields=[newSortField("age")]; ?
  • coll.sort=sort; ?
  • coll.refresh(); ?
  • trace(coll.getItemAt(0).age+”“+coll.getItemAt(0).name); ?
  • }?

  • 先按name升序排序,再按age降序排序
    sort.fields=[newSortField("name"),newSortField("age",true,true)];

    API说明:
    publicfunctionSortField(
    name:String=null,
    caseInsensitive:Boolean=false,
    descending:Boolean=false,
    numeric:Object=null)

    参数
    name:String(default=null)—此字段用来进行比较的属性的名称。如果该对象为简单类型,则传递null。
    caseInsensitive:Boolean(default=false)—在对字符串进行排序时,指示比较运算符是否忽略值的大小写。
    descending:Boolean(default=false)—指示比较运算符是否按降序排列项目。
    numeric:Object(default=null)—指示比较运算符是否按编号而不按字母顺序比较排序项目。

    6.Flex Array和ArrayCollection的比较

    Flex Array的优点:

    1)Flex Array的性能优于Flex ArrayCollection,从测试结果平均看来,Flex ArrayCollection的效率是随着object的数目呈线性下降的,而Flex Array则是体现了优异的效率,在object增加的情况下,基本上没有太大的变化。所以如果在你需要遍历所有元素的情况下(比如说物理引擎,3D引擎等),Flex Array是不错的选择
    程序见附件1.
    2)后台JavaBean也用的是数组[]
    3)for循环数组似乎比foreachFlex ArrayConllection看起来更“傻瓜化”
    4)给Flex Array数组扩展长度,也可以变通实现,而且代价并不大

    ArrayCollection的优点:

    1)Flex ArrayCollection实现接口ICollectionView,在Flex的类定义内属于[数据集],他提供更强大的检索、过滤、排序、分类、更新监控等功能。类似的类还有XMLListCollection 2)用Flex Array在作为dataProvider绑定于control之上,就无法获得控件的更新(实际上效果是可以得到更新的),除非控件被重新绘制或者dataprovider被重新指定,而Collection则是将Flex Array的副本存储于Collection类的某个对象之中,其特点是Collection类本身就具备了确保数据同步的方法,例子如下(取自adobe内部工程师training示例,稍有改变) 3)对Flex ArrayCollection中的对象进行增加删除更新操作时Flex ArrayCollection会产生事件,可以通过collectionchange事件监听,所以在图表开发中都用Flex ArrayCollection做数据源,一旦有更新,就会反映在图标上

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读