Start learning with our library of video tutorials taught by experts. Get started

Flash CS4 Professional: Building UI Elements
Illustration by

Flash CS4 Professional: Building UI Elements

with Todd Perkins

Video: Welcome

(Music playing.) Let's take a look at what we're going to build throughout this course. We're going to learn how to build user interface elements. Now what are those elements? First we'll build a progress bar. So we'll load an external file and have a progress bar track the progress of that file loading. It will show that update on a progress bar and in a text field. We'll create a scrollbar so you can scroll a text field. We'll connect that scrollbar to a text area that will have customized scaling. We'll create user interface checkboxes and radio buttons as well as standard user interface buttons with different states.
Expand all | Collapse all
  1. 3m 28s
    1. Welcome
      1m 12s
    2. Using the exercise files
      48s
    3. Prerequisites
      1m 28s
  2. 16m 18s
    1. Exploring the FLA file
      2m 48s
    2. Defining the ProgressBar class
      4m 15s
    3. Connecting a Loader instance
      4m 46s
    4. Showing load progress
      4m 29s
  3. 37m 25s
    1. Exploring the FLA file
      1m 53s
    2. Creating the ScrollBar class
      6m 25s
    3. Adding drag functionality
      5m 5s
    4. Updating the scroll bar's value
      5m 8s
    5. Connecting the scroll bar to a text field
      6m 45s
    6. Using buttons for scrolling
      6m 33s
    7. Controlling scroll bar scaling
      5m 36s
  4. 24m 43s
    1. Exploring the FLA file
      1m 35s
    2. Defining the TextArea class
      4m 48s
    3. Initializing the text area
      5m 2s
    4. Setting text in the text area
      2m 9s
    5. Adding text from an external file
      3m 49s
    6. Capturing text input
      3m 56s
    7. Controlling text area scaling
      3m 24s
  5. 17m 14s
    1. Exploring the FLA file
      2m 10s
    2. Defining the Checkbox class
      5m 2s
    3. Selecting a checkbox
      5m 12s
    4. Setting a label
      4m 50s
  6. 20m 14s
    1. Exploring the FLA file
      2m 50s
    2. Viewing the RadioButton class
      3m 16s
    3. Defining the RadioGroup class
      3m 14s
    4. Initializing the RadioGroup class
      7m 50s
    5. Adding a title
      3m 4s
  7. 24m 23s
    1. Exploring the FLA file
      2m 48s
    2. Creating the BasicButton class
      3m 15s
    3. Defining button states
      6m 19s
    4. Setting a label for the button
      1m 38s
    5. Controlling the button's scale
      5m 32s
    6. Auto-sizing the button's label
      4m 51s
  8. 38m 36s
    1. Exploring the FLA file
      3m 38s
    2. Viewing the ListItem class
      4m 33s
    3. Creating the List class
      5m 51s
    4. Defining the addItem Method
      3m 18s
    5. Controlling list menu scaling
      7m 22s
    6. Selecting list items
      5m 22s
    7. Adding scrolling to the list
      2m 24s
    8. Connecting scroll buttons
      6m 8s
  9. 22m 35s
    1. Exploring the FLA file
      1m 48s
    2. Creating the Dropdown class
      4m 14s
    3. Initializing the Dropdown class
      7m 31s
    4. Finishing the Dropdown class
      9m 2s
  10. 7m 46s
    1. Viewing a simple form application
      5m 20s
    2. Skinning UI elements
      2m 26s
  11. 38s
    1. Goodbye
      38s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Flash CS4 Professional: Building UI Elements
3h 33m Intermediate May 27, 2009

Viewers: in countries Watching now:

Creating user interface (UI) elements becomes easier with the integration of Flash ActionScript 3.0 and object-oriented programming. In Flash CS4 Professional: Building UI Elements, Todd Perkins demonstrates how these two programming tools work together to build common UI widgets, such as scrollbars, preloaders, sliders, and checkboxes. To streamline the workflow, Todd shows how to reuse custom codes across applications with object-oriented programming (OOP). Step by step, he builds one widget per chapter, covering the skills it takes to develop a fully functioning application. Exercise files accompany the course.

Topics include:
  • Applying OOP to real-world projects
  • Creating customizable elements for a unique look
  • Learning efficient workflow practices with ActionScript 3.0
  • Developing new programming skill sets with OOP
  • Reusing custom codes across several applications
Subject:
Web
Software:
Flash Professional
Author:
Todd Perkins

Welcome

(Music playing.) Let's take a look at what we're going to build throughout this course. We're going to learn how to build user interface elements. Now what are those elements? First we'll build a progress bar. So we'll load an external file and have a progress bar track the progress of that file loading. It will show that update on a progress bar and in a text field. We'll create a scrollbar so you can scroll a text field. We'll connect that scrollbar to a text area that will have customized scaling. We'll create user interface checkboxes and radio buttons as well as standard user interface buttons with different states.

Finally, we'll take all of the user interface elements that we created and look at how they can be applied in a form application. Then I'll show you how to skin those elements so that you can customize their look and field. So that's a brief look at what we're going to be doing throughout this title, hope you're excited. Now let's get started writing some ActionScript 3.0 code to build these user interface elements.

There are currently no FAQs about Flash CS4 Professional: Building UI Elements.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Flash CS4 Professional: Building UI Elements.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.