Flash components overview: Difference between revisions
m (using an external editor) |
m (using an external editor) |
||
Line 3: | Line 3: | ||
[[image:flash-cs3-component libraries.png|thumb|360px|right|Flash CS3 component library]] | [[image:flash-cs3-component libraries.png|thumb|360px|right|Flash CS3 component library]] | ||
Components are prebuilt interface elements. | Components are prebuilt interface elements (widgets) that will speed up programming of interactive Flash pages. This is part of [[Flash]] CS3 tutorials. | ||
This is part of [[Flash]] CS3 tutorials. | |||
; Learning goals: | ; Learning goals: | ||
Line 48: | Line 47: | ||
* I suggest to dock it against your library. | * I suggest to dock it against your library. | ||
== A slideshow with the AS 3 button component == | == A menu-based slideshow with the AS 3 button component == | ||
; Goal | ; Goal | ||
Line 56: | Line 55: | ||
[http://tecfa.unige.ch/guides/flash/ex/components-intro/flash-cs3-simple-slide-show-menu.html AS 3 menu-based slide show] | [http://tecfa.unige.ch/guides/flash/ex/components-intro/flash-cs3-simple-slide-show-menu.html AS 3 menu-based slide show] | ||
; Planning the layers | ; Step 1- Planning the layers | ||
In this example we will work with five layers: | In this example we will work with five layers: | ||
* Actions: will include a little Action Script code | * Actions: will include a little Action Script code | ||
* Buttons: | * Buttons: will include the buttons (displayed on all "pages") | ||
* Pictures: Contents we want to display | |||
* Credits: A special page for the "who's done it" (we also could have used the pictures layer for this). | |||
* Background: A simple background that will remain stable. | |||
So the timeline roughly will look like this: | |||
[[image:flash-cs3-simple-slideshow-timeline.png|frame|none|Timeline of the menu-based slideshow]] | |||
; Get a button from the library | ; Get a button from the library | ||
* Open the component library, select "User Interface" and drag the button to the stage | * Open the component library, select "User Interface" and drag the button to the stage | ||
[[image:flash-cs3-button-component.png|frame|none|Button of the Flash CS3/ | [[image:flash-cs3-button-component.png|frame|none|Button of the Flash CS3/ActionScript3 component library]] | ||
== Results == | == Results == |
Revision as of 10:18, 6 September 2007
This article or section is currently under construction
In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")
Overview
Components are prebuilt interface elements (widgets) that will speed up programming of interactive Flash pages. This is part of Flash CS3 tutorials.
- Learning goals
- Learn how to create and use some Flash 9 (CS3) components
- Learn a little bit of Action Script 3.0 to run something with a button.
- Prerequisites
- Flash CS3 desktop tutorial
- Flash drawing tutorial
- Moving on
- The Flash article has a list of other tutorials.
- Flash Video component tutorial
- Quality
- This text should technical people get going and may not be good enough for self-learning beginners. It can be used as handout in a "hands-on" class. That is what Daniel K. Schneider made it for...
- Level
- It aims at beginners. More advanced features and tricks are not explained here.
- The execturive summary
Flash has a few built-in components (called widgets or gadgets in other contexts) and the will allow to you to build an interactive environment more quickly than by coding all by yourself.
However, using these components still requires basic knowledge of ActionScript. In this article we will try to show a few design patterns that you can copy and adapt.
- The executive summary - buttons
- Open the component library (Window->Components or CTRL-F7)
- Drag a component to the stage
- Fill in some Parameters
- Add some action script
Introduction
- ActionScript (AS2) and ActionScript (AS3)
- In CS3, a component library is available for both versions
- The AS3 one is smaller as you could see in the screenshot above
In this article we going to look at User Interface components
- To open the component library
- Window->Components or CTRL-F7
- I suggest to dock it against your library.
- Goal
The goal is to make a sort of simple Flash Webpage. The user at all times will have a menu to the left that will allow him to navigate to different contents.
We will build several versions of this. Have a look at the "standard" AS 3 menu-based slide show
- Step 1- Planning the layers
In this example we will work with five layers:
- Actions: will include a little Action Script code
- Buttons: will include the buttons (displayed on all "pages")
- Pictures: Contents we want to display
- Credits: A special page for the "who's done it" (we also could have used the pictures layer for this).
- Background: A simple background that will remain stable.
So the timeline roughly will look like this:
- Get a button from the library
- Open the component library, select "User Interface" and drag the button to the stage
Results
There is a slideshow with the components button: