13. Repeat this for the other states, moving each keyframe ending in :start on the transitions layer
start point of the transition (Figure 6-8).
Figure 6-8. Moving the :start keyframes to the start of the animations for each button state
Bringing in a texture for a Panel
Different components have different kinds of graphics and different kinds of states, but the process
for changing them is similar. You can use this technique to modify a wide range of components,
importing images and textures into the visuals of a component.
14. As an example, double-click the Panel component to edit it (Figure 6-9).
Figure 6-9. Panel component default skins
121
FLEX BUILDER AND FLASH
In Figure 6-9 you can see that the panel has some of the same characteristics as the button. It has the
guiding lines for Scale 9 and is made up of multiple graphics. But it does not have multiple states,
because a Panel does not change its appearance on rollover. To give this Panel a custom look, we are
going to replace the gray of its background with a texture.
15. Import an image that you want to use as the Panel??™s background into the Library in Flash (File
?¤ Import ?¤ Import to Library), as shown in Figure 6-10. This allows you to select an image from
your computer to import.
Figure 6-10. Importing an image into the Library in Flash
The imported image can now be used to replace the color on the background of the Panel.
16. Unlock both locked layers (panel base and content area), and select the background of the Panel.
Pages:
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96