Putting It All Together: Building an Application in Flex 2.0

The first part of this section offers step-by-step tutorials for the following:

  • Creating a new Flex project

  • Laying out a simple application in Design view

  • Adding data to a chart using data binding

  • Running a Flex application

In order to cover more ground, the second portion walks you through some snippets of code and explains:

  • How to create additional views for existing data sources

  • How to change styles in a Flex application

  • How to add simple transitions

The sample application provided here can also serve as a resource for highlighting a more complex implementation of the Flex presentation tier. All code is documented with explanations for each of the components.

In order to complete the following examples, you need to download and install Flex Builder 2 and the Flex Charting Components. You can find a 30-day trial of both at this location: http://www.adobe.com/products/flex/

First install Flex Builder 2, and then install the charting components. Once you have both installed, start Flex Builder to begin building your first Flex application.

Getting Started with Flex Builder 2

Flex Builder 2 is based on the Eclipse IDE, an open source Java-based development environment built by IBM. You can install Flex Builder as a plugin for an existing installation of Eclipse or as a standalone Eclipse application. If you have an existing installation of Eclipse on your system, you may want to install Flex Builder as a plug-in. Otherwise, install ...

Get Flex Early Evaluation: Assessing Flex and Your Project Needs now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.