MACROMEDIA FLEX-GETTING STARTED WITH FLEX Manuale Utente Scaricare il pdf (Pagina 56)

Figure 4-2. A VBox layout

Example

4-3 shows the default layout method used by the

HBox container (horizontal).

Example 4-3. Using the HBox container

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

backgroundColor="#FFFFFF" backgroundAlpha="0">

<mx:HBox>

<mx:Button label="< prev" left="10" top="120" />

<mx:Image source="assets/animals03.jpg" horizontalCenter="0"

top="30"/>

<mx:Label text="Photographed by Elsie Weil"

horizontalCenter="0" top="250"/>

<mx:Button label="next >" right="10" top="120"/>

</mx:HBox>

</mx:Application>

Figure 4-3 shows the result.

You can also use both VBox and HBox to achieve a desired layout.

For instance, Example 4-4 nests an HBox inside a VBox, demon-

40 | Chapter 4: Flex Controls and Layout

1 2 ... 51 52 53 54 55 56 57 58 59 60 61 ... 147 148

Nessun commento

MACROMEDIA FLEX-GETTING STARTED WITH FLEX Manuale Utente Pagina 56