Flex4自定义组件开发

worinima

贡献于2013-03-20

字数:0 关键词: Flex开发

精讲 Flex4组件开发 JexChan @gmail.com http://www.jexchen.com 2010.12.02 Thursday, December 2, 2010 Spark组件架构剖析 Demo 理解 Flex4组件生命周期 Q & A Contents 组件开发 Thursday, December 2, 2010 Demo ~~ 组件开发 Demo Thursday, December 2, 2010 Spark组件架构 (Flex4) MX/Halo组件架构 (Flex3) 组件开发 Spark架构 Thursday, December 2, 2010 M V C 组件开发 Spark架构 Thursday, December 2, 2010 M V C V MX\Halo architecture 组件开发 Spark架构 Thursday, December 2, 2010 Demo ~~ 组件开发 Demo Thursday, December 2, 2010 M C V Spark architecture 组件开发 Spark架构 Thursday, December 2, 2010 Demo ~~ 组件开发 Demo Thursday, December 2, 2010 组件开发 Spark架构 Data Parts States Thursday, December 2, 2010 Extended From ? 从何处进行扩展 组件开发 Spark架构 Thursday, December 2, 2010 http://www.dehats.com/drupal/?q=node/96 组件开发 Spark架构 Thursday, December 2, 2010 Why Flex Component Lifecycle ? 为什么需要理解Flex组件生命周期 Spark架构 组件开发 Thursday, December 2, 2010 Lifecycle ? 生命周期 Spark架构 组件开发 1. Flex Application 2. Flex Component 3. Others (Jquery/Spring/Servlet...) Thursday, December 2, 2010 http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/ 帧模型 组件开发 Thursday, December 2, 2010 http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/ 帧模型 组件开发 Thursday, December 2, 2010 http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/ 帧模型 组件开发 Thursday, December 2, 2010 What means ? 帧模型图到底有什么用 帧模型 组件开发 Thursday, December 2, 2010 2. Render 仅一次在一帧的末尾发生 3. SWF实际的帧率不会超过 Marshals定的帧率 1. 单帧内代码可能会执行多次 帧模型 组件开发 Thursday, December 2, 2010 Birth Life Death 组件开发 LifeCycle Thursday, December 2, 2010 这里事件执行有且仅一次 组件开发 LifeCycle BRITH LIFE DEATH preinitialize initial createCompmlete Thursday, December 2, 2010 组件开发 LifeCycle 通常在invalidation阶段提出请求,在validation阶段完成请求 LIFE ⁃ ⁃ ⁃ ⁃ Thursday, December 2, 2010 组件开发 LifeCycle // Create a Group container. var groupContainer:Group = new Group(); // Configure the Group container. groupContainer.x = 10; groupContainer.y = 10; // Create a Button control. var b:Button = new Button() // Configure the button control. b.label = "Submit"; ... // Add the Button control to the Box container. groupContainer.addElement(b); Thursday, December 2, 2010 组件开发 LifeCycle // Create a Button control. var b:Button = new Button() 调用: Constructor BRITH Thursday, December 2, 2010 组件开发 LifeCycle // Configure the button control. b.label = "Submit"; 调用: invalidateProperties(), invalidateSize(), invalidateSkinState(), 或 invalidateDisplayList() BRITH Thursday, December 2, 2010 组件开发 LifeCycle // Add the Button control to the Box container. gropContainer.addElement(b); http://help.adobe.com/en_US/flex/using/WS460ee381960520ad-2811830c121e9107ecb-7fff.html BRITH preinitialize initial Thursday, December 2, 2010 3. 注意各个方法执行的顺序 4. 将 Lifecycle过程对应到帧模型及 Elastic Racetrack图 1. 通常须 override的方法 LifeCycle 组件开发 2. 注意事件驱动的本质 Thursday, December 2, 2010 LifeCycle 组件开发 Thursday, December 2, 2010 LifeCycle 组件开发 Container Component Thursday, December 2, 2010 多看官方文档及 SDK源代码 ~~ 自己动手创建组件 组件开发 LifeCycle Thursday, December 2, 2010 资源推荐 Link A brief overview of the Spark architecture and component set http://www.adobe.com/devnet/flex/articles/flex4_sparkintro.html Flex 4 Component Lifecycle http://weblog.mrinalwadhwa.com/2009/06/21/flex-4-component-lifecycle/ http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/ Elastic RaceTrack http://help.adobe.com/en_US/flex/using/WS4bebcd66a74275c35bf45738120d4f86190-8000.html Using Flex4 - Custom components Thursday, December 2, 2010 提问 Q & A 谢谢〜〜 http://www.riameeting.com/ Thursday, December 2, 2010

下载文档,方便阅读与编辑

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 8 金币 [ 分享文档获得金币 ] 0 人已下载

下载文档

相关文档