Align Buttons - MACROMEDIA FLASH MX 2004-LEARNING FLASH Manual

Select the Hit frame (Frame 4) of the Hit Area layer in the BTNLogo Timeline, and press F6
3.
to add a keyframe.
In the Tools panel, select the Rectangle tool. The stroke and fill color are unimportant. On the
4.
Stage, draw a rectangle that covers, as closely as possible, the logo and text.
The rectangle now defines the clickable area of the button.
Click Scene 1, above the upper left side of the Stage, to exit symbol-editing mode for the button.
5.
Select Control > Enable Simple Buttons.
6.
On the Stage, again move the pointer over the text.
7.
The hit area changes to the shape of the rectangle that you drew.
Select Control > Enable Simple Buttons to deselect that feature.
8.

Align buttons

You can align buttons along horizontal and vertical axes using the Align panel.
In the Timeline, click the Content layer.
1.
Click the Insert Layer button below the Timeline.
2.
Double-click the layer name, type Animated Buttons as the new name for the layer, and press
3.
Enter or Return.
In the Library panel (Window > Library) select Button 1 and drag it to the lower right edge of
4.
the Stage. Precise placement isn't necessary.
In the Instance Name text box in the Property inspector, give the button the instance
5.
name links_btn.
Drag Button 2 and Button 3 from the Library panel, placing them to the left of Button 1.
6.
Use the approximate spacing shown in the following illustration:
Using the Selection tool, drag to select all three buttons.
7.
Open the Align panel by selecting Window > Design Panels > Align. Verify that To Stage is not
8.
selected, because you do not want to align the buttons relative to the Stage.
In the Align panel, click Align Vertical Center, and then click Distribute Horizontal Center.
9.
The buttons align on the Stage.
Close the Align panel.
10.
On the Stage, click in an empty space in the work area to make sure you don't have any objects
11.
selected, then select Button 2. In the Instance Name text box in the Property inspector, enter
contact_btn. Select Button 3 and name it sweepstakes_btn.
72 Chapter 9: Add Animation and Navigation to Buttons