Adobe Flex: Flex Builder – Part 2

Understanding Adobe Flex Builder

Adobe Flex Builder is eclipse based development tool enabling:

• Intelligent coding that included editors like MXML, ActionScript, CSS, XML.
• Interactive step-through debugging and code hinting
• Rich Visual layout
• Visual UI and behaviors
• Interactive data visualization
• Skinning and styling

Flex builder consists of workbenches which refers to the flex builder development environment. The Flex builder workbench contains three primary elements

• Perspectives
• Editors
• Views

Perspectives

Perspectives are one of the element of Flex builder workspace.
Perspectives includes combination of views and editors that are suited to perform certain set of task.

Flex builder has two default perspectives

Development

This area is the development workspace and is used for code level development.

Debugging

This area is used for debugging the code.

Flex builder can have other perspectives if we are using plug-in configuration, like java.

Editors

An editor is the visual component in the workbench that is typically used to edit or browse the resource.

Flex builder Editor is where files of various types are edited in either

• Design mode

Design mode consists of visual components, which can be dragged , dropped and used.

• Source mode

Source modes is used for hand coding.

Views

A view supplies support tool when modifying a file in editor. Flex builder workbench consists of the following views

• Navigator view

Navigator view allows you to manage files, folders and projects

• Problems view

Problems view show errors in your code

• Outline view

Outline view hierarchically present and allows you to navigate to, all of the code elements and user interface in a file

Flex builder high level description with design mode enabled.

Flex builder high level description with source mode enabled.

Back to part 1 of this tutorial | part 3 – Creating a Flex project and your first application