1. Create a new Flex project named PhotoGallery by selecting File ?¤ New ?¤ Flex Project and completing
the default dialog boxes.
With the project created, we??™ll link the assets folder to the project.
2. Save the assets folder to a location on your computer (My Documents on a PC or Documents
on a Mac works fine).
154
CHAPTER 8
Figure 8-2. The contents of the assets folder Figure 8-3. The XML file holds image names.
3. Create a new folder by selecting File ?¤ New ?¤ Folder (Figure 8-4).
Figure 8-4. Creating a new folder
155
FLEX PHOTO GALLERY
4. In the New Folder dialog box (see Figure 8-5), click Advanced. In the panel that opens at the
bottom of the dialog box, click the Link to folder in the file system option and browse to the location
of the assets folder.
Figure 8-5. New Folder dialog box
Notice that now the assets folder is a linked folder with this project. This
means that the folder has not been copied into the project but that the
files are accessible to it (Figure 8-6). This would be useful if you wanted
to share assets across projects.
Figure 8-6. Automatically created
folder location
156
CHAPTER 8
Building the Thumbnails panel
The first of the two panels that make up the gallery is the Thumbnails panel. This panel contains the
small version of each image. The final result will look something like Figure 8-7.
Figure 8-7. The Thumbnails panel
1. Begin by placing a Panel component, from the Layout folder, into the Design view of your Flex
project.
Pages:
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124