Adobe Flex 4 Overview

40 %
60 %
Information about Adobe Flex 4 Overview
Technology

Published on July 29, 2009

Author: craigsdickson

Source: slideshare.net

Description

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.

Flex 4 Gregg Suzukawa

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

Codename Gumbo

Flex 4 development focused on three main themes

Design in Mind

Developer Productivity

Framework Evolution

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

Previously Flex Builder

Improved debugger

New features such as profiling

Supports ASDoc tooltips

Flash Builder Profile 3

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

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

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

New component architecture

Built on top of existing Halo architecture

Includes approximately 30 new components

Easily integrates with Flash Catalyst

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

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

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

Improved effects and transitions

Supports auto-reversing of transitions

Transformations on all three planes

Complex keyframe-base animations

3D Animation Example 14

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

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

FXG Example 9

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

New namespaces

fx for MXML 2009

s for Spark

mx namespace is preserved

Example – MXML using both Halo and Spark components

MXML Example 11

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

Improved layout over Flex 3

Flex 4 promotes states functionality to a full MXML language feature

Much simpler to code in Flex 4

States Example 13

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

Improved ASDoc tool for ActionScript and MXML

Inline code hints

New ASDoc view

ASDoc Example 16

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

Updates to the binding destination will be copied back to the source.

Improved two-way data binding

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

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

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!

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Adobe Flex 4 * Overview

When a new version of Flex is released, it usually includes changes to the APIs, compiler, and the user interface for Adobe® Flash® Builder™.
Read more

Adobe Flex 4 * Modular applications overview

Modules are SWF files that can be loaded and unloaded by an application. They cannot be run independently of an application, but any number of applications ...
Read more

Free, open-source framework | Adobe Flex

Adobe Flex is a free, open-source framework for building mobile, web, and desktop applications that share a common codebase, reducing time and cost of ...
Read more

Adobe Edge: August 2009 - Overview of custom component ...

On June 1, 2009, Adobe Labs released betas of Flex 4 (codenamed Gumbo), Flash Builder (previously named Flex Builder), and Flash Catalyst (codenamed Thermo).
Read more

Community: Flex | Adobe Community

Overview; Content; People; Subspaces; Actions; ... Ask Flex Ask now. Recent ... Button Click not working properly 4 days ago ...
Read more

Community: Flex | Adobe Community

Overview; Content; People; Subspaces; Actions; ... Ask Flex Ask now. Recent ... Samples dataProvider on site help.adobe.com unreachable 4 days ago
Read more

Overview of Spark DataGrids in Flex 4.5 - Adobe TV

Technical Evangelist James Ward showcases the new DataGrid component in Flex 4.5, and explains how the new Spark architecture makes it easier ...
Read more

What's New in Adobe Flex 4 - DZone

This summer brings the first full public preview of Adobe Flex 4 ... Flex 4 Overview . Now that you have a brief understanding of Adobe Flex, ...
Read more