Let??™s break this tool down to its separate
sections.
Figure 2-1. Flex Style Explorer
26
CHAPTER 2
Going left to right, the first section lists all of the components within Flex Builder (Figure 2-2). From
this list you select the component that you want to style.
1. Let??™s start with the Button that we placed in our project to load our feed in Chapter 1 (see
Figure 2-3).
Figure 2-2. The list of Figure 2-3. We??™ll start with
components in Flex Builder the Button component.
Playing with button styles
When you select the Button from the list, you will notice that the section next to the component list
changes dramatically (see Figure 2-4). This section shows all the styling attributes that can be changed
for a button.
27
STYLING
Figure 2-4. Style controls
2. You will notice that there are a large number of attributes that can be changed. Take some
time to play around with these attributes.
Don??™t worry too much about getting your button to look pretty at this point??”during your period of
experimentation, it??™s better to make dramatic changes to the attributes to clearly see what they do.
You can either change an attribute by moving the slider or by entering a value manually. Any change
that you make here will be immediately visible on the example of the component in the section to the
right. Many of the attributes are fairly self-explanatory; for example, increasing the value for the corner
radius exaggerates the corner rounding on the button.
Pages:
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47