Flex 4 focused on design, developer productivity, and framework evolution. It included updates to Flash Builder, Flash Catalyst, new Spark components, improved layout and animation engines, 3D capabilities, FXG vector graphics, updated MXML, states functionality, ASDoc support, binding updates, and text engine improvements. Flash Builder provided an improved debugger and profiling support. Flash Catalyst allowed designing user interfaces without coding. Spark included around 30 new components. The layout model was decoupled from individual components and gained 2D rotations, scalability, and 3D capabilities. The animation engine improved effects, transitions, and complex animations.

1. Flex 4 Gregg Suzukawa

2. Flex 4 Overview Codename Gumbo Flex 4 development focused on three main themes Design in Mind Developer Productivity Framework Evolution 1

3. Flash Builder 4 Beta Previously Flex Builder Improved debugger New features such as profiling Supports ASDoc tooltips 2

4. Flash Builder Profile 3

5. Flash Catalyst Beta Interaction design tool for rapidly creating user interfaces without coding. Transform artwork from Photoshop, Illustrator or Fireworks into user interfaces Compatible with Flash Builder 4 4

6. Spark New component architecture Built on top of existing Halo architecture Includes approximately 30 new components Easily integrates with Flash Catalyst 5

7. Improved Layout Model Goal was to decouple the layout scheme from the rules of individual components New runtime-assignable layouts include full support for 2D rotations and scalibility New 3D capabilities 6

8. Improved Animation Engine Improved effects and transitions Supports auto-reversing of transitions Transformations on all three planes Complex keyframe-base animations 7

9. 3D Animation Example 14

10. FXG (Flash XML Graphics) New XML-based vector graphics for Flash and Flex applications Similar to SVG (Scalable Vector Graphics) Easy to include in source control Maps directly to MXML 8

11. FXG Example 9

12. MXML 2009 New namespaces fx for MXML 2009 s for Spark mx namespace is preserved Example – MXML using both Halo and Spark components 10

13. MXML Example 11

14. States Improved layout over Flex 3 Flex 4 promotes states functionality to a full MXML language feature Much simpler to code in Flex 4 12

15. States Example 13

16. ASDoc support Improved ASDoc tool for ActionScript and MXML Inline code hints New ASDoc view 15

17. ASDoc Example 16

18. Upgraded Binding Updates to the binding destination will be copied back to the source. Improved two-way data binding 17

19. Text Primitives Uses the new text engine in Flash Player 10 Text object model is defined by the Flash Text Engine (FTE) and Text Layout Framework (TLF) Supports controlling text metrics, vertical text and bidirectional text Uses DefineFont4 embedded font format 18

20. Catalyst Example 19

21. Flash Builder Example 20

22. The End 5 minutes of question time starts now!

23. Questions 4 minutes left!

24. Questions 3 minutes left!

25. Questions 2 minutes left!

26. Questions 1 minute left!

27. Questions 30 seconds left!

28. Questions TIME IS UP!