首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex依据组件id字符串获取组件对象

2012-11-03 
Flex根据组件id字符串获取组件对象有这样一个需求:假如你new了一百次Button,同时这些button的id分别赋值如

Flex根据组件id字符串获取组件对象
有这样一个需求:假如你new了一百次Button,同时这些button的id分别赋值如btn1.id = "button1"; btn2.id = "button2";以此类推。当100个button建立后,我想直接对其第20个button进行操作,那么应该如何实现呢?本文将介绍如何在Flex直接获取某个组件的对象。

Flex中直接获取某个组件的对象方案1:

遍历这些button所在的容器,然后通过getElementAt()这样的方式获取。
这是常规的做法,这种做法的弊端:每次都需要遍历100次button,显然效率很慢。

Flex中直接获取某个组件的对象方案2:

当建立新的button后,将这个button存放到哈希表里面,其键-值的设定关系:key = button.id; value = button;即键里面保存的button的id,而value里面保存的button对象。object[ 'button20' ] = btn20;

在使用的时候,直接取得第20个button的做法:var button : Button = object[ 'button' + 20 ];

这样做无疑要比第一种方式快很多倍,但是这种做法的弊端:需要建立一个哈希表,当你的数据过多的时候,无疑这个哈希表将会很大。

Flex中直接获取某个组件的对象方案3:
所有的组件都会在document中,不用管父组件,直接用this肯定能取到,debug看一下this里的对象就知道了
我们第一不需要遍历100次button容器,第二不需要建立一个哈希表。我们只是用this[xxxx]的方式,即可取出第20个button。

具体做法:var button : Button = this[ 'button' + 20 ];即可完成操作。无论这些button在什么地方?在什么样深度的容器里面,只要是它仍在这个project里面,就可以使用this[xxx]的方式取出。
无疑这种做法是高效的,其实我们仔细看一下this[xxx]其实也是使用哈希表的方式,只不过比方案2好在,我们不需要再建立一个哈希表,这样能节省很多的内存空间。

具体请看一下第三种方法的demo:

<?xml version="1.0" encoding="utf-8"?><!-- @author shilei, corporation YD --><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"><s:layout><s:VerticalLayout/></s:layout><fx:Declarations><!-- 将非可视元素(例如服务、值对象)放在此处 --></fx:Declarations><fx:Script><![CDATA[private var newFontStyle:String;      private var newFontSize:int;      public function changeStyle( s : String ) : void {      s = "button" + s;          this[ s ].setStyle( "fontSize", 20 );      }]]></fx:Script><mx:Button id="button1" click="changeStyle('2')" label="Button 1" />      <mx:Button id="button2" click="changeStyle('1')" label="Button 2" /> </s:Application>

第三种方法的弊端是只能获取编译时创建的组件,不能获取运行时用代码动态创建的组件,这时候只能通过第一和第二种方法才可以获取组件对象。

From http://developer.51cto.com/art/200907/136258.htm

热点排行