image is centered in the HBox container : HBox « Container « Flex

1. Flex
2. Container
3. HBox

image is centered in the HBox container

          

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:HBox horizontalAlign="center" verticalAlign="middle">
        <mx:Image source="logo.jpg" />
    </mx:HBox>

</mx:Application>

   
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Use a Button control inside the HBox
2.	Use default sizing for Button children of an HBox container
3.	An HBox container with a Button control
4.	Add Button to a HBox as child
5.	Add Button control as the first child of an HBox container
6.	Create an HBox that is 400 pixels wide, with a Button inside set to a width of 50 percent
7.	HDivBox Simple Demo
8.	An HBox container lays out its children horizontally.
9.	Add child to HBox
10.	Use constraint-based layout to position an HBox horizontally, and explicit sizing and positioning
11.	HBox Size Percentage
12.	Using percentage-based children of an HBox container
13.	HBox percentage-value layout
14.	HBox container and resizing
15.	Use an HBox container to let users scroll an image
16.	HBox container with scroll bars
17.	Turns on verticalScrollPolicy for HBox
18.	Add border to HBox
19.	Adding padding by direction to HBox
20.	HBox with vertical top alignment and horizontal left alignment
21.	image might extend past the boundaries of the HBox
22.	not to autoLayout for HBox
23.	Spacer placed inside an HBox can separate the controls to its left and right
24.	Use an HBox container to let users scroll an image, rather than rendering the complete image at its full size.
25.	Scroll HBox
26.	HBox with border and padding
27.	Layout controls with HBox
28.	Using constraint-based layout to position an HBox horizontally, and uses absolute values to specify the vertical width and position
29.	Using the clipContent property
30.	Fixed size container
31.	use removeChild() method to remove a control from a container