Apache Flex 4.16.1 API Reference | All Packages | All Classes | Index | Frames No Frames |
ContainerLayout

Package | mx.core
Class | public final class ContainerLayout
Inheritance | ContainerLayout Object

Language Version : | ActionScript 3.0

Product Version : | Flex 3

Runtime Versions : | Flash Player 9, AIR 1.1

The ContainerLayout class defines the constant values for the `layout` property of container classes.

See also

mx.containers.Panel.layout
mx.core.Application.layout

Public Constants

| Constant | Defined By
--- | --- | ---
|  | ABSOLUTE : String = absolute [static] Use absolute layout for the contents of this container. | ContainerLayout
|  | HORIZONTAL : String = horizontal [static] Use horizontal layout for the contents of this container. | ContainerLayout
|  | VERTICAL : String = vertical [static] Use vertical layout for the contents of this container. | ContainerLayout

Constant Detail

ABSOLUTE | Constant

`public static const ABSOLUTE:String = absolute`

Language Version : | ActionScript 3.0

Product Version : | Flex 3

Runtime Versions : | Flash Player 9, AIR 1.1

Use absolute layout for the contents of this container. You are responsible for explicitly specifying the position of each child.

The easiest way to do this is to specify the `x`, `y`, `width`, and `height` of each child.

The `width` and `height` can be specified as a percentage value in MXML. (In ActionScript you have to set the `percentWidth` and `percentHeight` properties.)

If you don't specify the `width` or `percentWidth` for a child, then its `measuredWidth`, as automatically determined by its `measure()` method, will be used. The same applies for its height.

As an alternative way of doing layout, you can use the anchor styles `left`, `top`, `right` , `bottom`, `horizontalCenter`, and `verticalCenter` on children to anchor them to the sides or the center of a container.

When you use absolute layout, the container's `paddingLeft`, `paddingTop`, `paddingRight`, `paddingBottom`, `horizontalGap`, `verticalGap`, `horizontalAlign`, and`verticalAlign` styles are ignored.

HORIZONTAL | Constant |

`public static const HORIZONTAL:String = horizontal`

Language Version : | ActionScript 3.0

Product Version : | Flex 3

Runtime Versions : | Flash Player 9, AIR 1.1

Use horizontal layout for the contents of this container. The container will automatically place its children in a single row.

If you don't specify the `width` or `percentWidth` for a child, then its `measuredWidth`, as automatically determined by its `measure()` method, is used. The same applies for its height.

You can control the spacing between children with the `horizontalGap` style, and the alignment of the children with the `verticalAlign` style. The `paddingLeft`, `paddingTop`, `paddingRight`, and `paddingBottom` styles control the space between the border of the container and the children.

VERTICAL | Constant |

`public static const VERTICAL:String = vertical`

Language Version : | ActionScript 3.0

Product Version : | Flex 3

Runtime Versions : | Flash Player 9, AIR 1.1

Use vertical layout for the contents of this container. The container will automatically place its children in a single column.

If you don't specify the `width` or `percentWidth` for a child, then its `measuredWidth`, as automatically determined by its `measure()` method, is used. The same applies for its height.

You can control the spacing between children with the `verticalGap` style, and the alignment of the children with the `horizontalAlign` style. The `paddingLeft`, `paddingTop`, `paddingRight`, and `paddingBottom` styles control the space between the border of the container and the children.

Wed Nov 15 2017, 09:50 AM +01:00