Flex 4 Deep Dive
•
1 gefällt mir•576 views
EffectiveUI’s RJ Owen and Andy McIntosh take a deep dive into Adobe Flex 4 including language updates, MXML graphics and the new Flash Text Engine, effects and animations, containers and layout, and components.
![Flex 4 Deep Dive: UI and Dev ,[object Object]](https://image.slidesharecdn.com/flex4deepdive-111101191108-phpapp01/85/Flex-4-Deep-Dive-1-320.jpg)
![Who are we? ,[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (15)
Andere mochten auch
Andere mochten auch (19)
Ähnlich wie Flex 4 Deep Dive
Ähnlich wie Flex 4 Deep Dive (20)
Mehr von Effective
Mehr von Effective (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Flex 4 Deep Dive
- 20. MXML Graphics: This is ugly, but cool <Graphic> <Path data=“ ….. “> <fill> <LinearGradient angle=“90”>…. </LinearGradient> </fill> </Path> <Path blendMode=“screen” data=“…” > <fill> <LinearGradient angle=“45”>… </LinearGradient> </fill> </Path> <GraphicText text=“MXML Graphics”> <filters> <Glow color=“#00FF00” strength=“3” … /> </filters> </GraphicText> </Graphic> Credit where it’s due: Ely Greenfield made this.
- 30. Effects and Animation: Complex Animation <Animate target=“{pane}”> <MotionPath property=“x”> <KeyFrame time=“0” value=“200” /> <KeyFrame time=“150” value=“250” /> <KeyFrame time=“300” value=“400” /> </MotionPath> <MotionPath property=“baseColor”> <interpolator> <HSBInterpolator /> </interpolator> <KeyFrame time=“0” value=“200” /> <KeyFrame time=“150” value=“250” > <easer> <Sine easeInFraction=“.3” /> </easer> </KeyFrame> <KeyFrame time=“300” value=“400” /> </MotionPath> </Animate> More complex, powerful than Flex 3
- 41. Flex 3 Component Lifecycle Construction Configuration Addition Initialization Invalidation Validation Interaction Removal Garbage Collection Birth Life Death
- 44. MVC in Button Component label:String, selected:Boolean text field, icon, background mouse handlers, selection logic M V C
- 45. Halo Component Skin (background) M V C V
- 46. Spark Component Skin (entire view) M C V
- 48. Skin-Component Relationship Component Skin (entire view) M C V