Package | spark.layouts |
Class | public class HorizontalLayout |
Inheritance | HorizontalLayout ![]() ![]() ![]() |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 4 |
Runtime Versions: | Flash Player 10, AIR 1.5 |
The horizontal position of the elements is determined by arranging them in a horizontal sequence, left to right, taking into account the padding before the first element and the gaps between the elements.
The vertical position of the elements is determined by the layout's
verticalAlign
property.
During the execution of the measure()
method,
the default size of the container is calculated by
accumulating the preferred sizes of the elements, including gaps and padding.
When the requestedColumnCount
property is set to a value other than -1,
only the space for that many elements
is measured, starting from the first element.
During the execution of the updateDisplayList()
method,
the width of each element is calculated
according to the following rules, listed in their respective order of
precedence (element's minimum width and maximum width are always respected):
- If
variableColumnWidth
isfalse
, then set the element's width to the value of thecolumnWidth
property. - If the element's
percentWidth
is set, then calculate the element's width by distributing the available container width between all elements withpercentWidth
setting. The available container width is equal to the container width minus the gaps, the padding and the space occupied by the rest of the elements. The element'sprecentWidth
property is ignored when the layout is virtualized. - Set the element's width to its preferred width.
The height of each element is calculated according to the following rules, listed in their respective order of precedence (element's minimum height and maximum height are always respected):
- If the
verticalAlign
property is"justify"
, then set the element's height to the container height. - If the
verticalAlign
property is"contentJustify"
, then set the element's height to the maximum between the container's height and all elements' preferred height. - If the element's
percentHeight
property is set, then calculate the element's height as a percentage of the container's height. - Set the element's height to its preferred height.

The <s:HorizontalLayout>
tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<s:HorizontalLayout Properties columnWidth="calculated" gap="6" paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0" requestedColumnCount="-1" requestedMaxColumnCount="-1" requestedMinColumnCount="-1" variableColumnWidth="true" verticalAlign="top" />
More examples
Set the layout of a Spark container
Set the padding and gap of a layout
Set the alignment of a layout
Set the row height or column width of a layout
Property | Defined By | ||
---|---|---|---|
![]() | constructor : Object
A reference to the class object or constructor function for a given object instance. | Object |
Method | Defined By | ||
---|---|---|---|
![]() |
Indicates whether an object has a specified property defined. | Object | |
![]() |
Indicates whether an instance of the Object class is in the prototype chain of the object specified
as the parameter. | Object | |
![]() |
Indicates whether the specified property exists and is enumerable. | Object | |
![]() |
Sets the availability of a dynamic property for loop operations. | Object | |
![]() |
Returns the string representation of this object, formatted according to locale-specific conventions. | Object | |
![]() |
Returns the string representation of the specified object. | Object | |
![]() |
Returns the primitive value of the specified object. | Object |
Wed Nov 21 2018, 06:34 AM -08:00