Flex 4 Gregg Suzukawa
Flex 4 Overview <ul><li>Codename Gumbo </li></ul><ul><li>Flex 4 development focused on three main themes </li></ul><ul><ul...
Flash Builder 4 Beta <ul><li>Previously Flex Builder </li></ul><ul><li>Improved debugger </li></ul><ul><li>New features su...
Flash Builder Profile 3
Flash Catalyst Beta <ul><li>Interaction design tool for rapidly creating user interfaces without coding. </li></ul><ul><li...
Spark <ul><li>New component architecture </li></ul><ul><li>Built on top of existing Halo architecture </li></ul><ul><li>In...
Improved Layout Model <ul><li>Goal was to decouple the layout scheme from the rules of individual components </li></ul><ul...
Improved Animation Engine <ul><li>Improved effects and transitions </li></ul><ul><li>Supports auto-reversing of transition...
3D Animation Example 14
FXG (Flash XML Graphics) <ul><li>New XML-based vector graphics for Flash and Flex applications </li></ul><ul><li>Similar t...
FXG Example 9
MXML 2009 <ul><li>New namespaces </li></ul><ul><ul><li>fx for MXML 2009 </li></ul></ul><ul><ul><li>s for Spark </li></ul><...
MXML Example 11
States <ul><li>Improved layout over Flex 3 </li></ul><ul><li>Flex 4 promotes states functionality to a full MXML language ...
States Example 13
ASDoc support <ul><li>Improved ASDoc tool for ActionScript and MXML </li></ul><ul><li>Inline code hints </li></ul><ul><li>...
ASDoc Example 16
Upgraded Binding <ul><li>Updates to the binding destination will be copied back to the source. </li></ul><ul><li>Improved ...
Text Primitives <ul><li>Uses the new text engine in Flash Player 10 </li></ul><ul><li>Text object model is defined by the ...
Catalyst Example 19
Flash Builder Example 20
The End 5 minutes of question time starts now!
Questions 4 minutes left!
Questions 3 minutes left!
Questions 2 minutes left!
Questions 1 minute left!
Questions 30 seconds left!
Questions TIME IS UP!
Upcoming SlideShare
Loading in...5
×

Adobe Flex 4 Overview

2,477

Published on

This is a lightning talk given by Gregg Suzukawa to our team introducing the new features in Adobe Flex 4 and why we might consider upgrading.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,477
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
50
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Adobe Flex 4 Overview

  1. 1. Flex 4 Gregg Suzukawa
  2. 2. Flex 4 Overview <ul><li>Codename Gumbo </li></ul><ul><li>Flex 4 development focused on three main themes </li></ul><ul><ul><li>Design in Mind </li></ul></ul><ul><ul><li>Developer Productivity </li></ul></ul><ul><ul><li>Framework Evolution </li></ul></ul>1
  3. 3. Flash Builder 4 Beta <ul><li>Previously Flex Builder </li></ul><ul><li>Improved debugger </li></ul><ul><li>New features such as profiling </li></ul><ul><li>Supports ASDoc tooltips </li></ul>2
  4. 4. Flash Builder Profile 3
  5. 5. Flash Catalyst Beta <ul><li>Interaction design tool for rapidly creating user interfaces without coding. </li></ul><ul><li>Transform artwork from Photoshop, Illustrator or Fireworks into user interfaces </li></ul><ul><li>Compatible with Flash Builder 4 </li></ul>4
  6. 6. Spark <ul><li>New component architecture </li></ul><ul><li>Built on top of existing Halo architecture </li></ul><ul><li>Includes approximately 30 new components </li></ul><ul><li>Easily integrates with Flash Catalyst </li></ul>5
  7. 7. Improved Layout Model <ul><li>Goal was to decouple the layout scheme from the rules of individual components </li></ul><ul><li>New runtime-assignable layouts include full support for 2D rotations and scalibility </li></ul><ul><li>New 3D capabilities </li></ul>6
  8. 8. Improved Animation Engine <ul><li>Improved effects and transitions </li></ul><ul><li>Supports auto-reversing of transitions </li></ul><ul><li>Transformations on all three planes </li></ul><ul><li>Complex keyframe-base animations </li></ul>7
  9. 9. 3D Animation Example 14
  10. 10. FXG (Flash XML Graphics) <ul><li>New XML-based vector graphics for Flash and Flex applications </li></ul><ul><li>Similar to SVG (Scalable Vector Graphics) </li></ul><ul><li>Easy to include in source control </li></ul><ul><li>Maps directly to MXML </li></ul>8
  11. 11. FXG Example 9
  12. 12. MXML 2009 <ul><li>New namespaces </li></ul><ul><ul><li>fx for MXML 2009 </li></ul></ul><ul><ul><li>s for Spark </li></ul></ul><ul><li>mx namespace is preserved </li></ul><ul><li>Example – MXML using both Halo and Spark components </li></ul>10
  13. 13. MXML Example 11
  14. 14. States <ul><li>Improved layout over Flex 3 </li></ul><ul><li>Flex 4 promotes states functionality to a full MXML language feature </li></ul><ul><li>Much simpler to code in Flex 4 </li></ul>12
  15. 15. States Example 13
  16. 16. ASDoc support <ul><li>Improved ASDoc tool for ActionScript and MXML </li></ul><ul><li>Inline code hints </li></ul><ul><li>New ASDoc view </li></ul>15
  17. 17. ASDoc Example 16
  18. 18. Upgraded Binding <ul><li>Updates to the binding destination will be copied back to the source. </li></ul><ul><li>Improved two-way data binding </li></ul>17
  19. 19. Text Primitives <ul><li>Uses the new text engine in Flash Player 10 </li></ul><ul><li>Text object model is defined by the Flash Text Engine (FTE) and Text Layout Framework (TLF) </li></ul><ul><li>Supports controlling text metrics, vertical text and bidirectional text </li></ul><ul><li>Uses DefineFont4 embedded font format </li></ul>18
  20. 20. Catalyst Example 19
  21. 21. Flash Builder Example 20
  22. 22. The End 5 minutes of question time starts now!
  23. 23. Questions 4 minutes left!
  24. 24. Questions 3 minutes left!
  25. 25. Questions 2 minutes left!
  26. 26. Questions 1 minute left!
  27. 27. Questions 30 seconds left!
  28. 28. Questions TIME IS UP!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×