O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adobe Flex 2: Advanced Visual Programming

Video Description

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.

Table of Contents

  1. CHAPTER 1: SETTING UP & OVERVIEW
    1. INTRODUCTION 00:04:09
    2. Installing the Poetica Font 00:01:52
    3. Preparing the Workspace 00:06:39
    4. Repair Broken Links & Improve Performance 00:02:14
    5. Looking at the Natural Experiences Application 00:08:56
    6. Reviewing the Drag & Drop Application 00:03:39
  2. CHAPTER 2: ENHANCEMENTS WITH IMAGERY & LAYERING
    1. INTRODUCTION 00:00:39
    2. Reviewing the Main Application File 00:08:10
    3. Reviewing the Gallery Custom Component File 00:02:57
    4. Add Images & Animations to the Background 00:05:12
    5. Reviewing the Processing Effect of Animations 00:01:27
    6. Embedding an Image into the Project 00:04:34
    7. Placing Content in Correct Order 00:04:26
    8. Creating a Reusable Embedded Image 00:05:11
    9. Randomizing the Displayed Background Image 00:04:59
    10. Declaring Variables 00:05:08
    11. Calculating the Variable 00:04:03
    12. Creating Simple Pop Up Functionality 00:04:19
    13. Closing & Opening the Pop Up 00:05:40
  3. CHAPTER 3: WORKING WITH FONTS, FILTERS, & BLENDS
    1. INTRODUCTION 00:00:54
    2. Learning the Limitations of Device Fonts 00:04:30
    3. Adding an Embedded Font 00:06:55
    4. Using the Embedded Font in a Class Selector 00:04:10
    5. Embedding Fonts Using FlashType 00:12:20
    6. Exploring FlashType Advance Anti-Aliasing Setting 00:06:27
    7. Exploring Filters 00:02:23
    8. Creating a Drop Shadow & Applying Glow Filters 00:08:49
    9. Reviewing Available Blends 00:03:18
    10. Applying Blends 00:02:42
  4. CHAPTER 4: CUSTOMIZING FLEX COMPONENTS
    1. INTRODUCTION 00:00:51
    2. Exploring 9-Slice Scaling 00:08:24
    3. Adding 9-Slice Scaling to PNG Images 00:04:40
    4. Modify the Natural Experiences Welcome Panel 00:06:40
    5. Modify Graphical Skins Using Adobe Flash® Templates 00:02:23
    6. Modify the Natural Experiences ComboBox Skin 00:07:54
  5. CHAPTER 5: EXTENDING FLEX COMPONENTS USING ACTIONSCRIPT 3
    1. INTRODUCTION 00:00:51
    2. Creating an Extended Component 00:08:33
    3. Extend & Customize Pre-existing Flex Components 00:08:04
    4. Add Custom Buttons to Scroll Window Extended Panel 00:06:40
    5. Applying Images to Button States 00:04:38
    6. Assign Event Handlers in an ActionScript Component 00:03:31
    7. Adding Button Children to the Panel 00:04:22
    8. Positioning the Custom Buttons in the Scroll Window 00:04:47
    9. Create Variables, Change Button Size, & Calculate X & Y Positions 00:06:51
    10. Optimizing the Application with Style Sheets 00:08:24
    11. Final Comments & Credits 00:03:03
  6. CHAPTER 6: DRAWING SHAPES & MODIFYING FLEX COMPONENTS
    1. INTRODUCTION 00:00:50
    2. Using the Display List Objects & Graphics Class 00:06:06
    3. Calling the clear() Method 00:05:42
    4. Using lineStyle() to Style Star Points 00:02:15
    5. Drawing a Shape in an ActionScript Class 00:03:47
    6. Creating the ExpandButton 00:03:55
    7. Drawing a Round Cornered Rectangle 00:05:20
    8. Drawing a Line & Arrow 00:06:26
    9. Applying Drawn Buttons to an Application 00:04:36
    10. Reskinning Panels with a Programmatic Skin 00:04:02
    11. Setting Variables for Drawing the Skin 00:05:48
    12. Creating a Drawing Using the Graphics Class Method 00:04:08
    13. Applying the Panel Skin 00:03:01
  7. CHAPTER 7: ANIMATING COMPONENTS & STATE CHANGES
    1. INTRODUCTION 00:00:41
    2. Creating Fly-In Pop Up Components 00:02:39
    3. Creating Parallel Effects Using MXML 00:05:19
    4. Creating Parallel Effects Using ActionScript 00:07:33
    5. Comparing MXML & ActionScript 00:03:12
    6. Expanding & Restoring the Scroll Window Panel 00:10:06
    7. Triggering the State Change 00:03:29
    8. Smoothing Transitions 00:06:15
    9. Detecting the Scroll Window's Panel Width 00:05:48
    10. Creating Bindable Variables 00:03:08
    11. Using a Rollover Effect with a Thumbnail 00:10:20
  8. CHAPTER 8: LOOSE DATA COUPLING WITH BINDING & EVENTS
    1. INTRODUCTION 00:01:06
    2. Displaying XML Data in an Array Collection 00:09:41
    3. Passing Data between Components 00:04:47
    4. Passing Thumbnail Sizes between Components 00:07:20
    5. Using a Repeater to Generate Thumbnails 00:04:11
    6. Displaying Data with the Thumbnails 00:05:50
    7. Creating a Pop Up Event Class 00:06:50
    8. Displaying the Correct Data in the Pop Up 00:06:13
    9. Reviewing Code in the Main Application 00:05:18
    10. Looking at the Filter Function 00:04:24
    11. Exploring the Thumbnail Gallery Properties 00:04:42
    12. Configuring the Thumbnail Gallery Layout 00:08:54
    13. Calculating the Thumbnail Width & Height 00:07:01
    14. Explaining Thumbnail Positioning 00:02:19
    15. Exploring the Code that Defines Thumbnail Position 00:09:04
    16. Positioning the Thumbnails in the Gallery 00:04:51
    17. Repairing the Scroll Window Display 00:06:32
    18. Refreshing the Gallery Based on Category 00:03:01
  9. CHAPTER 9: CREATING MOUSE-AWARE APPLICATION FEATURES
    1. INTRODUCTION 00:00:38
    2. Moving the Pop Up to the Mouse Position 00:09:30
    3. Constraining the Pop Up within the Content Area 00:01:38
    4. Modifying Pop Up Locations 00:06:20
    5. Continuing Modification of the Pop Up Location 00:02:48
    6. Creating the Timer Object 00:05:49
    7. Creating Auto-Scroll Functionality 00:03:51
    8. Timer Instance & ReducingValue Variable 00:02:13
    9. Timer Instance Basic Functionality 00:06:16
    10. Calculating Scrolling Functionality 00:04:51
    11. Controlling Animation Functionality 00:04:22
    12. Activate & Deactivate Scrolling Functionality 00:09:43
  10. CHAPTER 10: DATA-BOUND DRAG & DROP FOR ANY FLEX CONTROL
    1. INTRODUCTION 00:00:48
    2. Enabling the Drag Function on the Drag Source 00:04:34
    3. Enabling the Drop Function on the Drop Target 00:02:53
    4. Enabling the Drag Move Function on the Source 00:02:34
    5. Enable Drag & Drop Functionality on Components 00:03:59
    6. Limiting Data Display in the List Control 00:05:04
    7. Drag Enabling the Source Image 00:09:45
    8. Adding a Format to the DataSource Objects 00:05:39
    9. Accepting the Data in the Drop Target 00:07:08
    10. Creating a Proxy Image 00:07:01
    11. Drop Enabling the Target List Control 00:08:38
    12. Final Comments & Credits 00:03:03