Figure 8-13 shows that the icon
for the missing picture is aligned to the top and left.
Figure 8-13. Image component
with corner alignment
If we leave the component with this default setting, our thumbnails will look a bit odd as some are
landscape and some are portrait. Figure 8-14 shows how the thumbnails would look in this setting.
161
FLEX PHOTO GALLERY
Figure 8-14. Thumbnails panel with top-right image
alignment
This alignment, though not tragic, is distinctly odd. In order to change this, we need to modify the settings
for the component. The standard properties for an Image component give us very little to go on
(see Figure 8-15). There are no properties that affect the alignment. For this reason, we need to dig
deeper into the component.
162
CHAPTER 8
Figure 8-15. Image properties in Standard view
Looking along the top of the Properties panel, you??™ll see a set of icons. These icons allow us to change
how we look at the component (Figure 8-16).
Figure 8-16. Switching to Category view
So far we have been using the Standard view, which shows us the most commonly used properties.
The next view is the Category view, which gives us access to many more properties but can be a bit
overwhelming at first (Figure 8-17).
163
FLEX PHOTO GALLERY
Figure 8-17. Image properties in Category view
Close to the bottom of this list, in the Styles category, you will find the settings to align the image. To
change the values of the attributes in the Category view, click in the Values column next to
horizontalAlign and verticalAlign.
Pages:
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127