Downloaded 515 times
![Frame Rate
[SWF(width=”800”,height=”600”,frameRate=”60”)]
OR
stage.frameRate = 60;
OR
<s:Application frameRate=”60” ... >](https://image.slidesharecdn.com/customcomponentsinflex4-091201050800-phpapp02/75/Custom-Components-In-Flex-4-35-2048.jpg)
Uploaded byMrinal Wadhwa
Custom Components In Flex 4
Custom Components in Flex 4 Components in Flex 4 use the Spark architecture where all components inherit from spark.components.supportClasses.SkinnableComponent rather than mx.core.UIComponent. A component has a defined lifecycle with phases for construction, addition, initialization, invalidation/validation, update, and removal. Understanding the Flash Player's frame-based execution model, with code execution and rendering separated across slices, explains why components need lifecycles to ensure proper display and behavior.
More Related Content
Similar to Custom Components In Flex 4
Custom Components In Flex 4
- 1. Custom Components inFlex 4 Mrinal Wadhwa http://www.mrinalwadhwa.com
- 2. What is acomponent ?
- 4.
- 9.
- 10.
- 12.
- 13.
- 16.
- 18.
- 19. Halo the architecture ofcomponents in Flex 3 and before
- 20. Spark the architecture ofcomponents in Flex 4
- 21. all components inheritfrom ... mx.core.UIComponent
- 22. in Spark itsmore common to use ... spark.components.supportClasses.SkinnableComponent
- 23. the lifecycle ofa component ...
- 24.
- 25.
- 26.
- 27. Why does acomponent need a life cycle?
- 28. Flex applications runin the Flash Player
- 29. What Flex cando is a subset of what the Flash Player can do, not a superset.
- 30. so to understandflex components better, lets take a deeper look at how the flash player works ...
- 31.
- 32. Frames everything is donein frames ...
- 33. Frame Rate the numberof frames processed per second (fps)
- 34. Frame Rate you cansuggest the player a frame rate you would like your swf to have ...
- 35. Frame Rate [SWF(width=”800”,height=”600”,frameRate=”60”)] OR stage.frameRate = 60; OR <s:Application frameRate=”60” ... >
- 36. Frame Rate the playertries its best to maintain the suggested frame rate, but there are no guarantees ...
- 37. Frame Rate the actualframerate achieved may be lower or higher than what we suggested ...
- 38. Frame Rate browsers canforce a lower framerate on the flash player ...
- 39. Frame Rate In Firefoxand Safari, frame rate falls to about 10 if the Tab running the swf is out of focus ...
- 40. Frame Rate In Safariif window is minimized, framerate falls to zero ..
- 41. now lets takea deeper look at what happens inside each frame ..
- 42. code execution rendering 1 frame the length of the track represents the time taken by this frame
- 43. code execution rendering heavy code execution 1 frame 1 frame the length of the track represents the time taken by this frame
- 44. code execution rendering heavy code execution heavy rendering 1 frame 1 frame 1 frame the length of the track represents the time taken by this frame
- 45. Ted Patrick calledthis ... code execution rendering heavy code execution heavy rendering 1 frame 1 frame 1 frame the length of the track represents the time taken by this frame
- 46. The Elastic Racetrack codeexecution rendering heavy code execution heavy rendering 1 frame 1 frame 1 frame the length of the track represents the time taken by this frame
- 47. Sean Christmann didsome more research on this ...
- 48. The Marshal He proposedAVM2 is controlled by something he called the Marshal ..
- 49. The Marshal the marshalis responsible for carving out time slices ...
- 50. The Marshal the duration of a slice can vary based on your OS,browser etc. just for our discussion lets assume a slice is 20ms long ..
- 51.
- 52. A Marshaled Slice butall these actions may not happen on each slice ...
- 53. A Marshaled Slice FlashPlayer’s Event.RENDER event is fired at this point
- 54. A Marshaled Slice invalidateaction and render action only happen in the last slice of a frame ..
- 55.
- 56. with 20ms slices... code execution
- 57. with 20ms slices... render
- 58.
- 59. with 20ms slices... code execution
- 60. with 20ms slices... render
- 61.
- 62. Code can beexecuted more often than the times stuff is rendered on the screen ...
- 63. ... this isthe main reason a component needs a lifecycle performance
- 64.
- 65. Construction Addition BIRTH Initialization LIFE DEATH
- 66. Construction Addition BIRTH Initialization Invalidation LIFE Validation Update DEATH
- 67. Construction Addition BIRTH Initialization Invalidation LIFE Validation Update Removal DEATH
- 70.
- 71.
- 72.
- 73.
- 74. Construction Addition BIRTH Initialization Invalidation LIFE Validation Update Removal DEATH
- 75. Construction Addition BIRTH Initialization Invalidation LIFE Validation Update Removal DEATH
- 76. Invalidation invalidateProperties invalidateSize invalidateDisplayList Event.RENDER LIFE Validation commitProperties measure layoutChrome(optional) updateDisplayList Update
- 77.
- 78. Invalidation/Validation cycle (Life) invalidateProperties commitProperties invalidateSize measure invalidateDisplayList updateDisplayList
- 82.
- 87.
- 89. static ... when thenumber of instances needed is known and small
- 92.
- 96.
- 98.
- 100.
- 101.
- 106.
- 109.
- 112.
- 113.
- 119.
- 120.