When you select an image from the FileSystemTree, it will appear in the display area, as shown in
Figure 12-21.
250
CHAPTER 12
Figure 12-21. Media Center before CSS styling
Adding CSS
Adding CSS to an AIR application is done the same way as we have done in previous Flex projects. If you
use the Flex Style Explorer to change the CSS style for the application background, the CSS must refer to
WindowedApplication, not Application. This is because an AIR application uses a WindowedApplication
as opposed to an Application by default. You need to manually change this in the CSS file if you are
using the Style Explorer. The CSS file used to style this project is shown in Figure 12-22.
251
FLEX AND AIR
Figure 12-22. CSS styling
Figure 12-23 shows how we styled this project. This version of the project is available as Media-
Center-Stage1Complete.zip in the download for this chapter.
252
CHAPTER 12
Figure 12-23. Media Center with CSS styling
Exporting an AIR package
Instead of being shown in a browser, AIR applications are programs that are installed onto the user??™s
computer.
16. To create this installation file, select Project ?¤ Export Release Version (Figure 12-24).
Figure 12-24. Export command for AIR Applications
253
FLEX AND AIR
17. This brings up the Export Release Version dialog box (Figure 12-25). Here you set the project
and MXML file that you wish to export. Specify the location and name of the file that you want
to create in the Export to file field and click Next.
Pages:
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173