Flex的学习历程(一) -- 组件生命周期

 Flex组件在初始化阶段会依次触发下列的几个事件：

 preinitialize  -  当组件在创建的原始阶段触发，它的子元素都还没有创建
 initialize  -  当组件及其子元素都已经创建完毕的时候触发，但此时组件的大小尺寸还没有决定
 creationComplete  -  当组件布局完成并显示之后触发

因此，我们一般在initialize的时候，可以对组件上要显示的字符信息等进行设置；尤其是在该时刻设置和组件尺寸相关的值。而要获取和组件布局相关的信息的操作，则放在creationComplete时。



Flex组件的实例化生命周期

我们来看下面这段MXML代码：

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Box id="box1" width="200">
        <mx:Button id="button1" label="Submit"/>
    </mx:Box>
</mx:Application>

和这段MXML等同的ActionScript代码是：

var box1:Box = new Box();
box1.width=200;

var button1:Button = new Button()
button1.label = "Submit";

box1.addChild(button1);

其实，当你用MXML创建组件时，Flex SDK会生成相应的AS代码，以上代码在看似简单，但在执行过程中会发生很或的事情，我们来看下创建Button组件时执行的流程：
1）调用构造方法来创建实例
var button1:Button = new Button()；

2）对创建的Button实例设置属性
button1.label = "Submit";

3）调用Button实例的addChild()方法把按钮添加到父容器中
box1.addChild(button1);

在调用这行代码的时候，将会产生以下动作：
a.设置组件实例的parent属性，使其关联到父容器
b.设置组件实例的样式
c.触发组件实例的add事件
d.触发父容器的childAdd事件
e.触发组件实例的preinitialize事件，触发时，组件实例处于非常原始的状态
f.创建组件实例的子元素
g.组件触发initialize事件,此时，组件和其子元素都已经创建完毕，但和布局相关的属性都还没有处理

4）显示应用，render事件被触发，并且会做以下处理：
a.所有涉及显示和布局相关的东西被处理完成
b.设置组件的visible属性为true
c.组件的creationComplete事件被触发
d.组件的updateComplete事件被触发