Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

To gain the most from these tutorials you should have already watched Total Training for Adobe Flex 2: Rich Internet Applications or have an equivalent knowledge of the topics covered in that series. Presenter Leo Schuman is an Adobe Certified Master Instructor for the Flex, Flash, ColdFusion, and Dreamweaver product lines. With Leo paving the way, you will learn how to work with embedded images and fonts, implement transitions and easing effects, apply filters and blends, and programmatically interact with mouse position and actions like dragging and dropping. In addition, you will learn how to extend and skin Flex UI components using both images and shapes drawn with the ActionScript Drawing API.

Subscriber Reviews

Average Rating: 0 out of 5 rating Based on 0 Ratings

No Subscribers have provided a review for this video.

Table of Contents

Chapter/Selection

Time

CHAPTER 1: SETTING UP & OVERVIEW

INTRODUCTION

Play Video

00:04:08

Installing the Poetica Font

Play Video

00:01:51

Preparing the Workspace

Preview

00:06:39

Repair Broken Links & Improve Performance

Preview

00:02:13

Looking at the Natural Experiences Application

Preview

00:08:56

Reviewing the Drag & Drop Application

Preview

00:03:38

CHAPTER 2: ENHANCEMENTS WITH IMAGERY & LAYERING

INTRODUCTION

Preview

00:00:38

Reviewing the Main Application File

Preview

00:08:10

Reviewing the Gallery Custom Component File

Preview

00:02:56

Add Images & Animations to the Background

Preview

00:05:12

Reviewing the Processing Effect of Animations

Preview

00:01:26

Embedding an Image into the Project

Preview

00:04:33

Placing Content in Correct Order

Preview

00:04:25

Creating a Reusable Embedded Image

Preview

00:05:10

Randomizing the Displayed Background Image

Preview

00:04:58

Declaring Variables

Preview

00:05:07

Calculating the Variable

Preview

00:04:03

Creating Simple Pop Up Functionality

Preview

00:04:18

Closing & Opening the Pop Up

Preview

00:05:39

CHAPTER 3: WORKING WITH FONTS, FILTERS, & BLENDS

INTRODUCTION

Preview

00:00:53

Learning the Limitations of Device Fonts

Preview

00:04:29

Adding an Embedded Font

Preview

00:06:55

Using the Embedded Font in a Class Selector

Preview

00:04:10

Embedding Fonts Using FlashType

Preview

00:12:20

Exploring FlashType Advance Anti-Aliasing Setting

Preview

00:06:27

Exploring Filters

Preview

00:02:23

Creating a Drop Shadow & Applying Glow Filters

Preview

00:08:49

Reviewing Available Blends

Preview

00:03:17

Applying Blends

Preview

00:02:42

CHAPTER 4: CUSTOMIZING FLEX COMPONENTS

INTRODUCTION

Preview

00:00:50

Exploring 9-Slice Scaling

Preview

00:08:24

Adding 9-Slice Scaling to PNG Images

Preview

00:04:39

Modify the Natural Experiences Welcome Panel

Preview

00:06:40

Modify Graphical Skins Using Adobe Flash® Templates

Preview

00:02:22

Modify the Natural Experiences ComboBox Skin

Preview

00:07:53

CHAPTER 5: EXTENDING FLEX COMPONENTS USING ACTIONSCRIPT 3

INTRODUCTION

Preview

00:00:51

Creating an Extended Component

Preview

00:08:32

Extend & Customize Pre-existing Flex Components

Preview

00:08:03

Add Custom Buttons to Scroll Window Extended Panel

Preview

00:06:39

Applying Images to Button States

Preview

00:04:37

Assign Event Handlers in an ActionScript Component

Preview

00:03:30

Adding Button Children to the Panel

Preview

00:04:21

Positioning the Custom Buttons in the Scroll Window

Preview

00:04:46

Create Variables, Change Button Size, & Calculate X & Y Positions

Preview

00:06:51

Optimizing the Application with Style Sheets

Preview

00:08:23

Final Comments & Credits

Preview

00:03:03

CHAPTER 6: DRAWING SHAPES & MODIFYING FLEX COMPONENTS

INTRODUCTION

Preview

00:00:50

Using the Display List Objects & Graphics Class

Preview

00:06:06

Calling the clear() Method

Preview

00:05:41

Using lineStyle() to Style Star Points

Preview

00:02:14

Drawing a Shape in an ActionScript Class

Preview

00:03:46

Creating the ExpandButton

Preview

00:03:54

Drawing a Round Cornered Rectangle

Preview

00:05:19

Drawing a Line & Arrow

Preview

00:06:25

Applying Drawn Buttons to an Application

Preview

00:04:35

Reskinning Panels with a Programmatic Skin

Preview

00:04:01

Setting Variables for Drawing the Skin

Preview

00:05:48

Creating a Drawing Using the Graphics Class Method

Preview

00:04:07

Applying the Panel Skin

Preview

00:03:00

CHAPTER 7: ANIMATING COMPONENTS & STATE CHANGES

INTRODUCTION

Preview

00:00:41

Creating Fly-In Pop Up Components

Preview

00:02:38

Creating Parallel Effects Using MXML

Preview

00:05:18

Creating Parallel Effects Using ActionScript

Preview

00:07:32

Comparing MXML & ActionScript

Preview

00:03:11

Expanding & Restoring the Scroll Window Panel

Preview

00:10:05

Triggering the State Change

Preview

00:03:28

Smoothing Transitions

Preview

00:06:14

Detecting the Scroll Window's Panel Width

Preview

00:05:47

Creating Bindable Variables

Preview

00:03:07

Using a Rollover Effect with a Thumbnail

Preview

00:10:20

CHAPTER 8: LOOSE DATA COUPLING WITH BINDING & EVENTS

INTRODUCTION

Preview

00:01:06

Displaying XML Data in an Array Collection

Preview

00:09:40

Passing Data between Components

Preview

00:04:46

Passing Thumbnail Sizes between Components

Preview

00:07:19

Using a Repeater to Generate Thumbnails

Preview

00:04:10

Displaying Data with the Thumbnails

Preview

00:05:49

Creating a Pop Up Event Class

Preview

00:06:50

Displaying the Correct Data in the Pop Up

Preview

00:06:13

Reviewing Code in the Main Application

Preview

00:05:17

Looking at the Filter Function

Preview

00:04:23

Exploring the Thumbnail Gallery Properties

Preview

00:04:41

Configuring the Thumbnail Gallery Layout

Preview

00:08:54

Calculating the Thumbnail Width & Height

Preview

00:07:00

Explaining Thumbnail Positioning

Preview

00:02:18

Exploring the Code that Defines Thumbnail Position

Preview

00:09:04

Positioning the Thumbnails in the Gallery

Preview

00:04:51

Repairing the Scroll Window Display

Preview

00:06:31

Refreshing the Gallery Based on Category

Preview

00:03:00

CHAPTER 9: CREATING MOUSE-AWARE APPLICATION FEATURES

INTRODUCTION

Preview

00:00:37

Moving the Pop Up to the Mouse Position

Preview

00:09:29

Constraining the Pop Up within the Content Area

Preview

00:01:37

Modifying Pop Up Locations

Preview

00:06:19

Continuing Modification of the Pop Up Location

Preview

00:02:48

Creating the Timer Object

Preview

00:05:49

Creating Auto-Scroll Functionality

Preview

00:03:51

Timer Instance & ReducingValue Variable

Preview

00:02:12

Timer Instance Basic Functionality

Preview

00:06:15

Calculating Scrolling Functionality

Preview

00:04:51

Controlling Animation Functionality

Preview

00:04:21

Activate & Deactivate Scrolling Functionality

Preview

00:09:42

CHAPTER 10: DATA-BOUND DRAG & DROP FOR ANY FLEX CONTROL

INTRODUCTION

Preview

00:00:48

Enabling the Drag Function on the Drag Source

Preview

00:04:33

Enabling the Drop Function on the Drop Target

Preview

00:02:52

Enabling the Drag Move Function on the Source

Preview

00:02:34

Enable Drag & Drop Functionality on Components

Preview

00:03:58

Limiting Data Display in the List Control

Preview

00:05:04

Drag Enabling the Source Image

Preview

00:09:44

Adding a Format to the DataSource Objects

Preview

00:05:38

Accepting the Data in the Drop Target

Preview

00:07:07

Creating a Proxy Image

Preview

00:07:01

Drop Enabling the Target List Control

Preview

00:08:37

Final Comments & Credits

Preview

00:03:03

Extras

The publisher has provided additional content related to this title.


Description
Content

Exercise file

  • TFX2AVP_P01_PF.zip

Exercise file

  • TFX2AVP_P01_PF.sit