logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Flash CS3 Button Component Parameters


The button is one of the most useful components for FlashR projects. You can attach an event listener to the button and tell it to start or stop something when the button is clicked. There are many ways to add a button to your Flash project. One way is to use a Button symbol and another is to use a Button component. If you have used a Button symbol in your Flash projects, you know that it has its own timeline with those familiar button frames; Up, Over, Down and Hit. A Button component is something very different from a Button symbol. A Button component is a simple pre-built movie clip.

But, this component is only useful if you can customize its look and behavior to your own needs. Let's take a look at just what you can do to customize the Button component. First, we need to put a Button component on the stage. You can find the Button component in the Components panel which is not open in the workspace by default. To open this panel, click Window – Components. In this panel, there are two lists of components and you will find the Button component in the User Interface list. Click and drag a Button component onto the stage.

As you can see, the button is very plain with only the generic text "Label' on top. However, if you check out the Properties Inspector, you will see that it is already set up as a movie clip and as an Instance of the Button class. Most importantly, it doesn't have an Instance Name. That is left for you to customize. Now, let's click the Parameters tab and see what we have there. You will see a list of the parameters attached to the Button component. These five parameters are preset to initial or default settings that determine the look and behavior of the button as it first appears on the stage at runtime.

emphasized - false
label - Label
labelPlacement - right
selected - false
toggle - false

emphasized
This parameter is set to false by default. Let's set this parameter to true and see what happens . Click next to the word "false" and you will get a drop-down menu. Set the parameter to "true". Your button now has a thin border.

label
This is an easy one. You will use this parameter to set the text or label on top of the button. Let's change the "Label" text to "Click Me" by typing that in the text input box for this parameter.

labelPlacement
This one is a little confusing. At first glance, you might think that it sets the placement of the button's label on top of the button. But, this is not the case. This parameter is used when you have an icon on top of your button such as a checkmark. With this parameter, you can set the placement of the text to the right, left, bottom or top in relation to the icon.

toggle
One advantage of using a Button component over a Button symbol is that the component has the built-in toggle behavior. What is a toggle? Let's start by talking about a regular button which has two stages; selected or unselected. When you click on a regular button, it will be in the selected stage until you release your mouse. With the release of your mouse, the regular button will automatically go back to the unselected state.

A toggle button also has two states; selected and unselected. The first time that you click on a toggle button, it will be set to the selected state, just like a regular button. However, unlike a regular button that goes back to the unselected state when you release your mouse, a toggle button stays in the selected state. To turn off the toggle, you must click on the toggle button again which will set the toggle back to the unselected state. A good example of this is the text formatting buttons in the Properties Inspector.

Selected
This parameter sets the toggle button to a default setting of selected or unselected.




Add Flash+CS3+Button+Component+Parameters to Twitter Add Flash+CS3+Button+Component+Parameters to Facebook Add Flash+CS3+Button+Component+Parameters to MySpace Add Flash+CS3+Button+Component+Parameters to Del.icio.us Digg Flash+CS3+Button+Component+Parameters Add Flash+CS3+Button+Component+Parameters to Yahoo My Web Add Flash+CS3+Button+Component+Parameters to Google Bookmarks Add Flash+CS3+Button+Component+Parameters to Stumbleupon Add Flash+CS3+Button+Component+Parameters to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Motion 5 Parallax Effect - The Graphics

Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor