flex 动态创建组件之容器自适应

为了节约swf文件的大小,可以采取动态创建组件的方式,那么动态创建组件就要考虑到组件容器自适应大小。
比如:
<s:BorderContainer x="5" y="5" width="100%"  right="5" left="5" 
        autoLayout="true" id="bc">
  <s:layout >
   <s:TileLayout />
  </s:layout>
 </s:BorderContainer>
我要在上边这个容器里动态装入一些组件,很有可能容器的高度不够装下多个组件,这个时候,就要让程序动态的改变容器的大小。
改变容器的大小可以根据添加的最后一个组件的top和height来决定,那么我们什么时候才能获取得最后一个组件的大小呢?看下边的代码:

flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小public function init():void{
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02    var user:TblBsUserType = new TblBsUserType();
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_03    function initFormItem(label:String,porp:String):FormItem{
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02     var fi:FormItem  =ElementFactory.createFormItem(label,user,porp);
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02     fi.setStyle("paddingTop",10);
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02     fi.setStyle("paddingLeft",20);
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02     bc.addElement(fi);
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02     return fi;
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_09    }

flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02    initFormItem("用户编码:","butyId");
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02    initFormItem("用 户 名:","butyName");
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02    initFormItem("用户密码:","butyPassword");
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02    var fi:FormItem=initFormItem("用户角色:","butySate");
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02  //注意下边这种方式可以设置bc的高度吗???
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_02
     bc.height =fi.top+ fi.height+10;
flex 动态创建组件之容器自适应大小_flex 动态创建组件之容器自适应大小_16}

如果动态创建组件,那么直接获取组件的高度是不行的。像上边这种情况,fi.height的值多数情况是0.
其实根据flex组件的生命周期,我们知道只有在creationComplete事件的时候,组件才完成了它所有的初始化工作,包括组件的位置,样式,大小等信息。所以,要想获得组件的高宽,我们应该在creationComplete事件中来完成这个任务。所以上边
bc.height=fi.top+fi.height+10;
应该修改为:
fi.addEventListener("creationComplete",function(){
     bc.height =fi.top+ fi.height+10;
    });
这样才可以正确设置父容器的高度。