[Flex]Flex编程注意之直接获取某个组件的对象（this[]用法）

详细请看：http://www.k-zone.cn/zblog/post/flex-get-a-reference-to-object.html
有这样一个需求：假如你new了一百次Button，同时这些button的id分别赋值如btn1.id = "button1"; btn2.id = "button2";以此类推。
当100个button建立后，我想直接对其第20个button进行操作，那么应该如何实现呢？

方案1：
遍历这些button所在的容器的，然后通过getChildAt() 或者 getChildByName()这样的方式获取。
这是常规的做法，这种做法的弊端：每次都需要遍历100次button，显然效率很慢。

方案2：
当建立新的button后，将这个button存放到哈希表里面，其键-值的设定关系：key = button.id; value = button;
即键里面保存的button的id，而value里面保存的button对象。object[ 'button20' ] = btn20;
在使用的时候，直接取得第20个button的做法：var button : Button = object[ 'button' + 20 ];
这样做无疑要比第一种方式快很多倍，但是这种做法的弊端：需要建立一个哈希表，当你的数据过多的时候，无疑这个哈希表将会很大。

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

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

<?xml version="1.0"?>  

<mx:Application xmlns:mx="http://www.adobe.com/2006/mx

 

 <mx:Script>

    <![CDATA[  

    private var newFontStyle:String;  

    private var newFontSize:int;  

   

    public function changeStyle( s : String ) : void {  

        s = "button" + s;      

        this[ s ].setStyle( "fontSize", 20 );  

    }  

    ]]>

    </mx:Script>  

  

    <mx:Button id="button1" click="changeStyle('2')" label="Button 1" />  

    <mx:Button id="button2" click="changeStyle('1')" label="Button 2" />  

 

</mx:Application>

 

评论

3 楼 NewTamato 2009-08-24  

不错，赞一个！

2 楼 WonLen 2009-07-20  

tieshow 写道

各种flex小技巧  真不错

是啊，的确很多技巧，不过很多时候，adobe不会给出我们答案，而我们只能去探索...

1 楼 tieshow 2009-07-20  

各种flex小技巧  真不错