Flex 3: Extending and Styling Components Course

Course Code: IN 800
Course Abstract: Participants will use their object-oriented skills to create custom classes that programmatically draw skins and extend the functionality of built-in Flex classes. Experienced Flex developers will have an opportunity to explore hands-on, practical code examples for creating drag-and-drop user interfaces that also incorporate user-triggered transitions and smart components that resize based on available space. Other learning objectives include creating pop-ups, embedding fonts, implementing custom application look-and-feel and positioning stage- and mouse-aware elements.
Audience: This course is designed for individuals who want to use the built-in Flex components as a basis for their own custom component development, and want to incorporate interactive, position- and size-aware elements into their applications.
Duration: 2 days
Learning Outcomes: Upon completion of this course, the participant will be able to:
> Embedding Images and Fonts
> Creating a Popup Window
> Creating Behaviors in ActionScript
> Create Mouse-Aware Applications
> Modifying Graphical Skins Using Flex
> Extending Flex Components
> Implementing a Programmatic Skin
> Drag and Drop Functionality
Course Topics:

Introducing Flex 3: Extending and Styling Components
Programming the Visual Experience
Understanding Project Roles
Introducing Mastery Learning
Understanding the Course Format
Reviewing the Course Prerequisites
Reviewing the Course Outline

Embedding Images and Fonts
Embedding Images at Compile-Time
Layering Content Using Absolute Layout
Creating a Reusable Embedded Image
Creating Instances of an Embedded Image Class
Understanding Device Font Limitations
Embedding Fonts with Absolute File Paths
Embedding Fonts using Adobe Flash

Modifying the Look and Feel of Flex Components
Exploring Filters
Applying Blends
Modifying the Look-and-Feel of Flex Components using MXML Styles
Modifying Graphical Skins using Flex Skin Design Extensions for CS3
Installing the Flex Skin Design Extensions for Flash
Selecting which component to modify in Flash
Importing the Flex skins artwork

Creating Popups
Creating a Popup Window
Passing Data to the Popup Window

Extending Flex Components
Exploring Display Object Basics
Extending Flex Components
Implementing the createChildren() Method
Implementing the updateDisplayList() Method
Improving Custom Component Reusability with Stylesheets

Drawing Shapes and Skinning Programmatically
Understanding the Relationship between Display List Objects and the Graphics Class
Calling the clear() Method
Drawing Lines
Creating a Visual Element as an ActionScript Class
Creating Shapes
Defining Fill Methods
Implementing a ButtonSkin from the mx.skins.halo Package
Implementing a Programmatic Skin

Animating Components and View States
Creating Behaviors in ActionScript
Reviewing View States and Transitions
Using the CurrentStateChange Event

Creating Mouse-Aware Applications
Detecting the Mouse Position
Detecting the Stage Dimensions

Implementing Drag and Drop Functionality
Understanding the DragManager
Specifying the Data to Display in a List Control
Enabling Dragging on Non-List-Based Controls
Controlling Dropping with Formats
Handling Data in Drag and Drop Operations

© 2007 Lodestone Digital

Prerequisites: Attendance in the Flex 3: Developing Rich Client Applications course or equivalent knowledge of the topics covered in Flex 3: Developing Rich Client Applications course is required.
Note: All fields are required
At the present time we do not offer training for individuals or groups less then 6 individuals. We apologize for any inconvenience.


We Value Your Privacy!

Ready to get started or in need of more information? Contact us today.

Go To Blog Virtual Learning