Package | spark.layouts |
Class | public class BasicLayout |
Inheritance | BasicLayout ![]() ![]() ![]() |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 4 |
Runtime Versions: | Flash Player 10, AIR 1.5 |
x
and y
properties of the child,
or constraints to position each child.
Note: The Spark list-based controls (the Spark List control and its subclasses such as ButtonBar, ComboBox, DropDownList, and TabBar) do not support the BasicLayout class. Do not use BasicLayout with the Spark list-based controls.
Per-element supported constraints are left
, right
,
top
, bottom
, horizontalCenter
,
verticalCenter
, baseline
, percentWidth
, and percentHeight
.
Element's minimum and maximum sizes will always be respected.
The measured size of the container is calculated from the elements, their constraints and their preferred sizes. The measured size of the container is big enough to fit in all of the elements at their preferred sizes with their constraints satisfied.
Here are some examples of how measured size is calculated:
- If the container has a single element with
left
constraint specified, then the container's measured width will be equal to the element's preferred width plus the value of theleft
constraint. - If the container has a single element with
percentWidth
specified, then the container's measured width will be equal to the element's preferred width. Even though the element'spercentWidth
is not directly factored in the calculations, it will be respected during a call to theupdateDisplayList()
method. - If the container has a single element with
baseline
constraint specified, then the container's measured height will be equal to the element's preferred height plus thebaseline
and minus the value of the element'sbaselinePosition
property. - If the container has a single element with
verticalCenter
constraint specified, then the container's measured height will be equal to the element's preferred height plus double the value of theverticalCenter
constraint.
During a call to the updateDisplayList()
method,
the element's size is determined according to
the rules in the following order of precedence (the element's minimum and
maximum sizes are always respected):
- If the element has
percentWidth
orpercentHeight
set, then its size is calculated as a percentage of the available size, where the available size is the container size minus anyleft
,right
,top
, orbottom
constraints. - If the element has both left and right constraints, it's width is
set to be the container's width minus the
left
andright
constraints. - If the element has both
top
andbottom
constraints, it's height is set to be the container's height minus thetop
andbottom
constraints. - The element is set to its preferred width and/or height.
The BasicLayout class calculates its minimum size as the maximum of the minimum child sizes:
- For each child in the container, determine the minimum size
to which the child could shrink:
- If the child is constrained to its parent's width or height, then the child could shrink to its minimum width or height. Use the minimum size of the child.
- If the child is not constrained to the parent, then it remains at its preferred size. Use the preferred size of the child.
- Find the maximum of the sizes from step 1.
Therefore, if a child is constrained to its parent, then the layout uses the child's minimum size. Otherwise, it uses its preferred size of the child to calculate the minimum size for the container.
The element's position is determined according to the rules in the following order of precedence:
- The
horizontalCenter
orverticalCenter
constraints specify the distance between the container's center and the element's center. Set thehorizontalCenter
orverticalCenter
constraints to zero to center the element within the container in the horizontal or vertical direction. - If element's baseline is specified, then the element is positioned in
the vertical direction such that its
baselinePosition
(usually the base line of its first line of text) is aligned withbaseline
constraint. - If element's
top
orleft
constraints are specified, then the element is positioned such that the top-left corner of the element's layout bounds is offset from the top-left corner of the container by the specified values. - If element's
bottom
orright
constraints are specified, then the element is positioned such that the bottom-right corner of the element's layout bounds is offset from the bottom-right corner of the container by the specified values. - When no constraints determine the position in the horizontal or vertical direction, the element is positioned according to its x and y coordinates.
The content size of the container is calculated as the maximum of the coordinates of the bottom-right corner of all the layout elements.
MXML Syntax
The <s:BasicLayout>
tag inherits all of the tag
attributes of its superclass and adds no additional tag attributes:
<s:BasicLayout/>
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
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