1. Flex component lifecycles include construction, initialization, invalidation, validation, and update phases. 2. During construction, components are added to the display list. Initialization involves creating child components and initializing properties. 3. Invalidation triggers re-measuring and redrawing of components. Validation commits changes before redrawing.

1. Flex 组件生命周期

2. Flash Release Model
Users
Flash Player
insdeco.swf
Flex & AS3

4. RenderingCode Execution
1Frame
Heavy RenderingHeavy Code Execution
Elastic Racetrack

5. Actionscript Virtural Machine 2 Slice
Render ActionInvalidate ActionUser Action
Player Events
User Code
Prerender Event
User Code
Player Render

6. 20 ms / slice
Flash Frames Synthesized From AVM2 Slices
50fps
25fps
5fps
1Frame(20ms)
1Frame(40ms)
1Frame(200ms)

7. 死亡成熟萌芽

8. Construction
Additon
var btn:MyButton = new MyButton();
this.addChild(btn);
addingChild()
$addChild()
childAdded()

9. Initialization
dispatch PREINITIALIZE event
createChildren()
childrenCreated()
initializeAccessiblility()
initializeComplete()
dispatch INITIALIZE event

10. createChildren()
partAdded()
findSkinParts()
attachSkin()
validateSkinChange()
SkinComponent
数据
逻辑
动画状态
布局可视组件

11. Initialization
dispatch PREINITIALIZE event
createChildren()
childrenCreated()
initializeAccessiblility()
initializeComplete()
dispatch INITIALIZE event

12. Invalidation
Validation
Update
invalidateProperties()
invalidateSize()
invalidateDisplayList()
commitProperties()
measure()
updateDisplay()

13. Invalidation Validation
Component
invalidateProperties()
commitProperties()
validateProperties()
LayoutManager
validateProperties()
invalidateProperties()
invalidatePropertiesQueue
updateCompleteQueue

14. Invalidation
Validation
Update
invalidateProperties()
invalidateSize()
invalidateDisplayList()
commitProperties()
measure()
updateDisplay()

15. Removel
GC
this.removeChild(btn);

16. The End