| << Chapter < Page | Chapter >> Page > |
The skeleton code
The skeleton code for a Flex 4 project is shown in Listing 3.
<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955"minHeight="600"><fx:Declarations><!-- Place non-visual elements (e.g., services,
value objects) here --></fx:Declarations></s:Application> This is not the first time that you have seen this code. I discussed the skeleton code for a Flex 4 project in an earlier lesson having to do withnamespaces in Flex 4. Therefore, Listing 3 shouldn't require any further discussion
The mxml file for AppBackground03
An XML listing for the Flex 4 application named AppBackground03 is shown in Listing 4.
<?xml version="1.0" encoding="utf-8"?><!--AppBackground03.mxml
This is a Flex 4 replica of the Flex 3 project namedAppBackground01.
--><s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="library://ns.adobe.com/flex/spark"
backgroundColor="#ff0000"><s:Rect width="100%" height="100%"><s:fill><s:LinearGradient rotation="90"><s:entries><s:GradientEntry color="0x00FF00"
ratio="0.0"alpha="0.66"/><s:GradientEntry color="0x0000FF"
ratio="1.0"alpha="0.66"/></s:entries></s:LinearGradient></s:fill></s:Rect></s:Application> Essentially the same output
This Flex 4 code produces essentially the same visual output as the Flex 3 code shown in Listing 2. As you can see, however, this code is much more complicatedthan the code in Listing 2. (Remember, Flex 4 is more powerful but is also more complicated.) Not only is the code more complicated, but the concepts behind the code are also more complicated.
A style named backgroundGradientColors in Flex 3
The Flex 3 Application class has a property named backgroundColor , and a large number of styles including backgroundGradientColors and backgroundAlpha . The code in Listing 2 uses that property and those styles to control the appearance ofthe Flash window in Flex 3. Of particular significance here is the style named backgroundGradientColors .
No style named backgroundGradientColors in Flex 4
The Flex 4 Application class also has a property named backgroundColor . The value of that property is set to red in Listing 4. It also has a style named backgroundAlpha but I'm not sure what its purpose is. However,it does not have a style named backgroundGradientColors . Therefore, some other way must be found to implement a gradient color scheme inFlex 4 in order to replicate the behavior of the Flex 3 project shown in Listing 2.
Replicating the behavior of AppBackground01
There may be a variety of ways to accomplish this. One of those ways is to cover the entire Flash window with a rectangle and cause the rectangle toexhibit the desired gradient characteristics. This is illustrated in Listing 4.
Notification Switch
Would you like to follow the 'Introduction to xml' conversation and receive update notifications?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|