The set of templates that are available cover a large variety of visual components. These templates hold
the default skins for the individual components. The template flex_skins has a variety of components
that you can change in a single file.
2. Open the template flex_skins (Figure 6-2).
116
CHAPTER 6
Figure 6-1. Selecting Flex Skins from the Welcome screen in Flash CS3
Figure 6-2. The flex_skins template selected in Flash CS3
117
FLEX BUILDER AND FLASH
In this file, you will find Flash MovieClips representing the skins of many Flex components (Figure 6-3).
Each MovieClip contains the various states (up, down, over, and so forth) for that component.
Figure 6-3. The flex_skins template showing component default skins
To change the skin of a component, open the MovieClip and change the graphics that make up the
component. Begin by modifying the button component.
3. Double-click the button, which is a MovieClip named Button_skin, to edit the MovieClip.
In the button MovieClip you will find the four visual states of the button component spread out onto
the timeline (Figure 6-4). Named keyframes represent each state. The dark gray dotted lines define
the button for Scale 9 scaling.
The skins that are visible for each button state are a set of grouped graphics. To create your own skins,
you can either modify these or delete the default graphics and create a new set. We will be using the
second technique.
4. Delete the existing up state graphics from the art layer.
Pages:
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93