In this section, we will remove the default rectangle window of the application and give it
a custom look, establishing an image to be our background and shape of our application.
Figure 12-28 shows a version of our Media Center that has had the rectangular window replaced with
a background image that is partially transparent. By making the background image partially transparent,
you can create any shape for your application that you wish.
256
CHAPTER 12
Figure 12-28. Media Center with custom background
Getting rid of the box
We remove the window around the application by modifying the MXML, the CSS, and the settings in
the application descriptor file (the main-app.xml file that was created automatically when we started
the project).
When we first created the AIR project, Flex Builder put in the WindowedApplication MXML tag automatically
(Figure 12-29).
Figure 12-29. Default application tag for an AIR project
257
FLEX AND AIR
1. Change this tag from WindowedApplication to Application. Remember to do this for the start
and the end of the tag.
The next step involves taking a close look at the application descriptor file. This file controls the way
that the final application is seen and installed. It is an XML file that gives you parameters to control the
name of the application, along with other information such as description and copyright information.
The part of the file that we are going to look into in detail contains the window attributes. Figure 12-30
shows the default settings.
Pages:
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173