Video Tutorial - drawing circles in Flex 3

Video:

This is a simple tutorial on how to draw circles using the flash.display.* package. The tutorial will show you how to build a simple application that will enable you to place a circle anywhere you want and understand the code behind it.

If you want the source code, please email me dnickull at adobe dot com.

Get to Adobe MAX 2009 to see more like this at the 2009 Adobe AIR and Flex Boot Camp being taught by James Ward and myself. Register before the August 31 deadline for the special prices detailed here:

http://max.adobe.com/registration/fees/

Learn Flex in One Week!

Learn Flex in a week by going through this video training course! Learned Flex already? Use these materials to go out and teach Flex! Everything is licensed with CREATIVE COMMONS licensing (see bottom of page).

To maximize your learning, Adobe recommends that you view the videos and complete the exercises in the order that they are listed. If you run into problems and have questions, you can ask a question on the Flex in a Week forum or ping me via dnickull at adobe dot com.

Note: Before starting the training, please ensure that you have installed Flex Builder. You can either use the free trial version or buy Flex Builder to go through the training.

You can now download and watch Flex in a Week videos in an offline mode. Here are the instructions.

1. Install Adobe Media Player.
2. Click "My Favorites" menu at the top.
3. Click "Add RSS Feed" at the bottom.
4. Paste http://sessions.adobe.com/FlexInAWeek/feed.xml
   

Day 1: Flex basics

• Video: Comparing Flash, Flex, Flash Player and AIR (5:30)
• Video: Introducing Flex Builder (7:22)
• Video: Creating a Flex Builder workspace and project (7:04)
• Video: Using pre-built Flex controls (4:34)
• Video: Understanding MXML (4:07)
• Exercise: Creating a project and laying out controls (PDF, 832K)
• (Download Solution, ZIP, 14K)
• Video: Binding data between controls (5:48)
• Video: Handling user events (6:22)
• Video: Introducing the event object (10:40)
• Video: Adding EventListeners with ActionScript (5:21)
• Exercise: Binding data and handling a user event (PDF, 367K)
• (Download Starter, ZIP, 14K; Solution, ZIP, 14K)
• Video: Retrieving data via HTTPService (8:26)
• Exercise: Populating a control from an HTTPService request (PDF, 512K)
  (Download assets, ZIP, 18K; Starter, ZIP, 14K; Solution, ZIP, 32K)

Day 2: Component development

• Video: Displaying data in the DataGrid (6:35)
• Video: Working with containers (12:12)
• Exercise: Working with containers (PDF, 144K)
• (Download Starter, ZIP, 32K; Solution, ZIP, 32K)
• Video: Creating custom MXML components (8:42)
• Exercise: Creating custom MXML components (PDF, 230K)
• (Download Starter, ZIP, 32K; Solution, ZIP, 33K)
• Video: Implementing value object classes (13:46)
• Video: Creating custom events (5:59)
• Video: Creating custom event classes (23:06)
• Exercise: Creating custom events and dispatching data (PDF, 337K)
• (Download Starter, ZIP, 33K; Solution, ZIP, 34K)
• Video: Customizing item renderers (6:42)
• Exercise: Creating an item renderer (PDF, 128k)
• (Download Starter, ZIP, 34K; Solution, ZIP, 34K)
• Video: Exploring Flex Builder tips (5:18)

Day 3: Putting it all together

• Video: Validating data (7:15)
• Exercise: Validating form data (PDF, 100K)
• (Download Starter, ZIP, 34K; Solution, ZIP, 36K)
• Video: Requesting and sending data with RemoteObject (20:52)
• Exercise: Using RemoteObject to send data to the server (PDF, 503K)
• (Download Server, ZIP 22,642K; Starter, ZIP, 35K; Solution, ZIP, 36K)
• Exercise: ColdFusion version: Using RemoteObject to send data to the server (PDF, 236K)
• (Download Solution, ZIP153K)
• Video: Formatting data (6:09)
• Video: Dragging data between List components (5:20)
• Exercise: Implementing drag and drop between components (PDF, 627K)
• (Download Starter, ZIP, 36K; Solution, ZIP, 36K)
• Video: Filtering XML with E4X (12:04)
• Exercise: Using XML with E4X (PDF, 54K)
• (Download Starter, ZIP, 36K; Solution, ZIP, 37K)
• Video: Deploying Flex and AIR applications (11:57)
• Exercise: Deploying a Flex application (PDF, 504K)
• (Download Starter, ZIP, 37K; Solution, ZIP, 37K)
• Exercise: Creating and deploying an AIR application (PDF, 1,194K)
• (Download Starter, ZIP, 37K; Solution, ZIP, 816K)

Day 4: Adding visual appeal

• Video: Implementing navigator containers (17:15)
• Video: Embedding images (11:58)
• Video: Embedding fonts (28:59)
• Exercise: Working with navigation containers and embedding fonts and images (PDF, 437K)
• (Download Starter, ZIP, 48K; Solution, ZIP, 49K)
• Video: Creating constraint-based layouts (21:50)
• Video: Applying styles to MXML components (29:06)
• Exercise: Working with constraints and using MXML styles (PDF, 277K)
• (Download Starter, ZIP, 49K; Solution, ZIP, 49K)
• Video: Skining components with Adobe CS3 (28:14)
• Exercise: Skinning components graphically (PDF, 1,520K)
• (Download Starter, ZIP, 49K; Solution, ZIP, 81K)
• Video: Creating view states (23:01)
• Video: Animating with behaviors and transitions (18:06)
• Exercise: Working with view states and animation and transitions (PDF, 717K)
• (Download Starter, ZIP, 83K; Solution, ZIP, 84K)
• Video: Drawing shapes with the Drawing API (22:32)
• Video: Skinning components programmatically (12:09)
• Exercise: Drawing shapes and programmatic skinning (PDF, 501K)
• (Download Starter, ZIP, 84K; Solution, ZIP, 85K)
• Video: Extending components (27:27)
• Exercise: Extending components (PDF, 405K)
• (Download Starter, ZIP, 85K; Solution, ZIP, 86K)

Day 5: Architecture and advanced topics

• Video: Understanding the behavior of the Flash timing mechanism (4:18)
• Video: Using custom Flash graphics in Flex components (6:42)
• Video: Using and animating filters (4:35)
• Exercise: Using and Animating Filters (PDF, 62K)
• (Download Starter, ZIP, 86K; Solution, ZIP, 86K)
• Video: Creating SWC files (10:46)
• Exercise: Creating SWC files (PDF, 166K)
• (Download assets, ZIP, 421K Starter, ZIP, 42K; Solution, ZIP, 46K)
• (Download Starter, ZIP, 14K; Solution, ZIP, 14K)
• Video: Building runtime shared libraries (7:15)
• Exercise: Building run time shared libraries (PDF, 207K)
• (Download assets, ZIP, 486K; Starter, ZIP, 43K; Solution, ZIP, 15K)
• Video: Splitting your application into modules (8:45)
• Video: Communicating over local connections (6:20)
• Exercise: Communicating Over Local Connections (PDF, 75K)
• (Download assets, ZIP, 4K; Starter, ZIP, 86K; Solution, ZIP, 86K)
• Video: Using shared objects (4:20)
• Exercise: Using Shared Objects (PDF, 58K)
• (Download Starter, ZIP, 86K; Solution, ZIP, 86K)
• (Download Starter, ZIP, 4K; Solution, ZIP, 4K)
• Video: Reducing the file size of your Flex application (4:58)
• Video: Embedding video in your application (2:09) optional
• Exercise: Embedding Video (PDF, 86K)
• (Download Starter, ZIP, 89K)
• Video: Controlling video using Ajax (2:19) optional
• Video: Localization using resource bundles (5:05)
• Exercise: Localization using Resource Bundles (PDF, 227K)
• (Download Starter, ZIP, 86K; Solution, ZIP, 87K)
• Video: Integrating Flex with PHP using XML (7:44) optional

This work is licensed under a Creative Commons Attribution-Noncommercial 3.0 Unported License.