| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- saved from url=(0014)about:internet --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="stylesheet" href="../../style.css" type="text/css" media="screen"><link rel="stylesheet" href="../../print.css" type="text/css" media="print"><link rel="stylesheet" href="../../override.css" type="text/css"><meta name="keywords" content="TileLayout,spark.layouts.TileLayout,BASELINE,BOTTOM,CENTER,COLUMNS,CONTENT_JUSTIFY,CONTENT_JUSTIFY,JUSTIFY,JUSTIFY,JUSTIFY_USING_GAP,JUSTIFY_USING_GAP,JUSTIFY_USING_HEIGHT,JUSTIFY_USING_WIDTH,LEFT,LEFT,MIDDLE,RIGHT,ROWS,TOP,TOP,alphaOutEnd,alphaOutStart,angle,buttonBar,buttonRotation,columnAlign,columnCount,columnCount,columnWidth,columnWidth,constraintColumns,constraintRows,depthColor,depthColor,depthColor,depthColorAlpha,depthColorAlpha,depthColorAlpha,direction,elementHorizontalAlign,elementHorizontalAlign,elementVerticalAlign,elementVerticalAlign,firstIndexInView,firstIndexInView,gap,gap,horizontalAlign,horizontalAlign,horizontalAlign,horizontalAlign,horizontalAlign,horizontalAlign,horizontalAlign,horizontalAlignOffset,horizontalAlignOffset,horizontalAlignOffsetPercent,horizontalAlignOffsetPercent,horizontalDisplacement,horizontalDisplacement,horizontalGap,horizontalGap,horizontalOffset,lastIndexInView,lastIndexInView,layoutAllButtonBarBounds,maximumZ,maximumZ,minElementSize,numUnselectedElements,numUnselectedElements,numVisibleElements,orientation,padding,padding,padding,paddingBottom,paddingBottom,paddingBottom,paddingLeft,paddingLeft,paddingLeft,paddingRight,paddingRight,paddingRight,paddingTop,paddingTop,paddingTop,radiusX,radiusY,radiusZ,requestedColumnCount,requestedColumnCount,requestedMaxColumnCount,requestedMaxColumnCount,requestedMaxRowCount,requestedMinColumnCount,requestedMinRowCount,requestedRowCount,requestedRowCount,rotateX,rotateY,rotationAnchor,rotationX,rotationY,rowAlign,rowCount,rowCount,rowHeight,rowHeight,selectedHorizontalDisplacement,selectedVerticalDisplacement,target,useScrollRect,variableColumnWidth,variableRowHeight,verticalAlign,verticalAlign,verticalAlign,verticalAlign,verticalAlign,verticalAlign,verticalAlign,verticalAlignOffset,verticalAlignOffset,verticalAlignOffsetPercent,verticalAlignOffsetPercent,verticalDisplacement,verticalDisplacement,verticalGap,verticalGap,verticalOffset,calculateDropIndex,calculateDropIndicatorBounds,clearVirtualLayoutCache,fractionOfElementInView,fractionOfElementInView,getElementX,getElementY,getTimeMachineElementX,getTimeMachineElementY,invalidateElementSizes,layoutContent,measure,measureAndPositionColumnsAndRows,restoreElement,restoreElement,restoreElement,restoreElement,updateColumnWidths,updateDisplayList,updateDisplayList,updateDisplayList,updateDisplayListBetween,updateDisplayListBetween,updateDisplayListReal,updateDisplayListReal,updateDisplayListReal,updateDisplayListVirtual,updateDisplayListVirtual,updateDisplayListVirtual,updateDisplayList,updateIndicesInView,updateIndicesInView"><title>spark.layouts.TileLayout</title></head><body><script language="javascript" type="text/javascript" src="../../asdoc.js"></script><script language="javascript" type="text/javascript" src="../../help.js"></script><script language="javascript" type="text/javascript" src="../../cookies.js"></script><script language="javascript" type="text/javascript"><!-- |
| asdocTitle = 'TileLayout - ApacheFlex API Reference'; |
| var baseRef = '../../'; |
| window.onload = configPage; |
| --></script> |
| <script type="text/javascript"> |
| scrollToNameAnchor(); |
| </script><table class="titleTable" cellpadding="0" cellspacing="0" id="titleTable" style="display:none"><tr><td class="titleTableTitle" align="left">Apache Flex 4.16.1 API Reference </td><td class="titleTableTopNav" align="right"><a href="../../package-summary.html" onclick="loadClassListFrame('../../all-classes.html')">All Packages</a> | <a href="../../class-summary.html" onclick="loadClassListFrame('../../all-classes.html')">All Classes</a> | <a href="../../all-index-A.html" onclick="loadClassListFrame('../../index-list.html')">Index</a> | <a id="framesLink1" href="../../index.html?spark/layouts/TileLayout.html&spark/layouts/class-list.html">Frames</a><a id="noFramesLink1" style="display:none" href="" onclick="parent.location=document.location"> No Frames </a></td><td class="titleTableLogo" align="right" rowspan="3"><img src="../../images/logo.jpg" class="logoImage" alt="AdobeLogo" title="AdobeLogo"></td></tr><tr class="titleTableRow2"><td class="titleTableSubTitle" id="subTitle" align="left">TileLayout</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a> | <a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3"> </td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve"> |
| <!-- |
| |
| if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("TileLayout"); titleBar_setSubNav(false,true,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);} |
| --> |
| </script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">spark.layouts</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class TileLayout</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">TileLayout <img src="../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a> <img src="../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../mx/utils/OnDemandEventDispatcher.html">OnDemandEventDispatcher</a> <img src="../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p></p><p></p> |
| The TileLayout class arranges layout elements in columns and rows |
| of equally-sized cells. |
| The TileLayout class uses a number of properties that control orientation, |
| count, size, gap and justification of the columns and the rows |
| as well as element alignment within the cells. |
| <p>Per-element supported constraints are |
| <code>percentWidth</code> and <code>percentHeight</code>. |
| Element's minimum and maximum sizes are always be respected and |
| where possible, an element's size is limited to less then or equal |
| of the cell size.</p> |
| <p>When not explicitly set, the <code>columnWidth</code> property |
| is calculated as the maximum preferred bounds width of all elements |
| and the <code>columnHeight</code> property is calculated |
| as the maximum preferred bounds height of all elements.</p> |
| <p>When not explicitly set, the <code>columnCount</code> and |
| <code>rowCount</code> properties are calculated from |
| any explicit width and height settings for the layout target, |
| and <code>columnWidth</code> and <code>columnHeight</code>. |
| In case none is specified, the <code>columnCount</code> and <code>rowCount</code> |
| values are picked so that the resulting pixel area is as square as possible.</p> |
| |
| <p> The measured size is calculated from the <code>columnCount</code>, <code>rowCount</code>, |
| <code>columnWidth</code>, <code>rowHeight</code> properties and the gap sizes.</p> |
| <p>The default measured size, when no properties were explicitly set, is |
| as square as possible area and is large enough to fit all elements.</p> |
| <p>In other cases the measured size may not be big enough to fit all elements. |
| For example, when both <code>columnCount</code> and <code>rowCount</code> are explicitly set to values |
| such that <code>columnCount</code> * <code>rowCount</code> < element count.</p> |
| <p>The minimum measured size is calculated the same way as the measured size but |
| it's guaranteed to encompass enough rows and columns along the minor axis to fit |
| all elements.</p> |
| <p></p><a name="mxmlSyntaxSummary"></a><span class="classHeaderTableLabel">MXML Syntax</span><span id="showMxmlLink" style="display:none"><a href="#mxmlSyntaxSummary" onclick="toggleMXMLOnly();"><img src="../../images/collapsed.gif" title="collapsed" alt="collapsed" class="collapsedImage">Show MXML Syntax</a><br/></span><span id="hideMxmlLink"><a href="#mxmlSyntaxSummary" onclick="toggleMXMLOnly();"><img src="../../images/expanded.gif" title="expanded" alt="expanded" class="expandedImage">Hide MXML Syntax</a></span><div id="mxmlSyntax" class="mxmlSyntax"> |
| <p>The <code><s:TileLayout></code> tag inherits all of the tag |
| attributes of its superclass and adds the following tag attributes:</p> |
| <pre> |
| <s:TileLayout |
| <strong>Properties</strong> |
| columnAlign="left" |
| columnWidth="NaN" |
| horizontalAlign="justify" |
| horizontalGap="6" |
| orientation="rows" |
| requestedColumnCount="-1" |
| requestedRowCount="-1" |
| rowAlign="top" |
| rowCount="-1" |
| rowHeight="NaN" |
| verticalAlign="justify" |
| verticalGap="6" |
| padding="0" |
| /> |
| </pre> |
| |
| </div><script language="javascript" type="text/javascript"><!-- |
| setMXMLOnly(); |
| --></script><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><div class="showHideLinks"><div id="hideInheritedProperty" class="hideInheritedProperty"><a class="showHideLink" href="#propertySummary" onclick="javascript:setInheritedVisible(false,'Property');"><img class="showHideLinkImage" src="../../images/expanded.gif"> Hide Inherited Public Properties</a></div><div id="showInheritedProperty" class="showInheritedProperty"><a class="showHideLink" href="#propertySummary" onclick="javascript:setInheritedVisible(true,'Property');"><img class="showHideLinkImage" src="../../images/collapsed.gif"> Show Inherited Public Properties</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th> </th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#clipAndEnableScrolling" class="signatureLink">clipAndEnableScrolling</a> : Boolean<div class="summaryTableDescription"> |
| If true, specifies to clip the children to the boundaries of the viewport.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#columnAlign" class="signatureLink">columnAlign</a> : String<div class="summaryTableDescription"> |
| Specifies how to justify the fully visible columns to the container width.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#columnCount" class="signatureLink">columnCount</a> : int<div class="summaryTableDescription">[read-only] |
| Contain the actual column count.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#columnWidth" class="signatureLink">columnWidth</a> : Number<div class="summaryTableDescription"> |
| Contain the actual column width, in pixels.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#dropIndicator" class="signatureLink">dropIndicator</a> : DisplayObject<div class="summaryTableDescription"> |
| The DisplayObject that this layout uses for |
| the drop indicator during a drag-and-drop operation.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#horizontalAlign" class="signatureLink">horizontalAlign</a> : String<div class="summaryTableDescription"> |
| Specifies how to align the elements within the cells in the horizontal direction.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#horizontalGap" class="signatureLink">horizontalGap</a> : Number<div class="summaryTableDescription"> |
| Horizontal space between columns, in pixels.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#horizontalScrollPosition" class="signatureLink">horizontalScrollPosition</a> : Number<div class="summaryTableDescription"> |
| The x coordinate of the origin of the viewport in the component's coordinate system, |
| where the default value is (0,0) corresponding to the upper-left corner of the component.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#orientation" class="signatureLink">orientation</a> : String<div class="summaryTableDescription"> |
| Specifies whether elements are arranged row by row or |
| column by column.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#padding" class="signatureLink">padding</a> : Number<div class="summaryTableDescription"> |
| The minimum number of pixels between the container's edges and |
| the edges of the layout element.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#paddingBottom" class="signatureLink">paddingBottom</a> : Number<div class="summaryTableDescription"> |
| Number of pixels between the container's bottom edge |
| and the bottom edge of the last layout element.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#paddingLeft" class="signatureLink">paddingLeft</a> : Number<div class="summaryTableDescription"> |
| The minimum number of pixels between the container's left edge and |
| the left edge of the layout element.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#paddingRight" class="signatureLink">paddingRight</a> : Number<div class="summaryTableDescription"> |
| The minimum number of pixels between the container's right edge and |
| the right edge of the layout element.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#paddingTop" class="signatureLink">paddingTop</a> : Number<div class="summaryTableDescription"> |
| Number of pixels between the container's top edge |
| and the top edge of the first layout element.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#requestedColumnCount" class="signatureLink">requestedColumnCount</a> : int<div class="summaryTableDescription"> |
| Number of columns to be displayed.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#requestedRowCount" class="signatureLink">requestedRowCount</a> : int<div class="summaryTableDescription"> |
| Number of rows to be displayed.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#rowAlign" class="signatureLink">rowAlign</a> : String<div class="summaryTableDescription"> |
| Specifies how to justify the fully visible rows to the container height.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#rowCount" class="signatureLink">rowCount</a> : int<div class="summaryTableDescription">[read-only] |
| The row count.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#rowHeight" class="signatureLink">rowHeight</a> : Number<div class="summaryTableDescription"> |
| The row height, in pixels.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#target" class="signatureLink">target</a> : <a href="../../spark/components/supportClasses/GroupBase.html">GroupBase</a><div class="summaryTableDescription"> |
| The GroupBase container whose elements are measured, sized and positioned |
| by this layout.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#typicalLayoutElement" class="signatureLink">typicalLayoutElement</a> : <a href="../../mx/core/ILayoutElement.html">ILayoutElement</a><div class="summaryTableDescription"> |
| Used by layouts when fixed row/column sizes are requested but |
| a specific size isn't specified.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#useVirtualLayout" class="signatureLink">useVirtualLayout</a> : Boolean<div class="summaryTableDescription"> |
| A container can hold any number of children.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#verticalAlign" class="signatureLink">verticalAlign</a> : String<div class="summaryTableDescription"> |
| Specifies how to align the elements within the cells in the vertical direction.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><a href="#verticalGap" class="signatureLink">verticalGap</a> : Number<div class="summaryTableDescription"> |
| Vertical space between rows, in pixels.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html#verticalScrollPosition" class="signatureLink">verticalScrollPosition</a> : Number<div class="summaryTableDescription"> |
| The y coordinate of the origin of the viewport in the component's coordinate system, |
| where the default value is (0,0) corresponding to the upper-left corner of the component.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr></table></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><div class="showHideLinks"><div id="hideInheritedMethod" class="hideInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(false,'Method');"><img class="showHideLinkImage" src="../../images/expanded.gif"> Hide Inherited Public Methods</a></div><div id="showInheritedMethod" class="showInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(true,'Method');"><img class="showHideLinkImage" src="../../images/collapsed.gif"> Show Inherited Public Methods</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th> </th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#TileLayout()" class="signatureLink">TileLayout</a>()</div><div class="summaryTableDescription"> |
| Constructor.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../mx/utils/OnDemandEventDispatcher.html#addEventListener()" class="signatureLink">addEventListener</a>(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void</div><div class="summaryTableDescription"> |
| </div></td><td class="summaryTableOwnerCol"><a href="../../mx/utils/OnDemandEventDispatcher.html">OnDemandEventDispatcher</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#calculateDropLocation()" class="signatureLink">calculateDropLocation</a>(dragEvent:<a href="../../mx/events/DragEvent.html">DragEvent</a>):<a href="../../spark/layouts/supportClasses/DropLocation.html">DropLocation</a></div><div class="summaryTableDescription"> |
| Calculates the drop location in the data provider of the drop target for |
| the specified dragEvent.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#clearVirtualLayoutCache()" class="signatureLink">clearVirtualLayoutCache</a>():void</div><div class="summaryTableDescription"> |
| When useVirtualLayout is true, |
| this method can be used by the layout target |
| to clear cached layout information when the target changes.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../mx/utils/OnDemandEventDispatcher.html#dispatchEvent()" class="signatureLink">dispatchEvent</a>(event:Event):Boolean</div><div class="summaryTableDescription"> |
| </div></td><td class="summaryTableOwnerCol"><a href="../../mx/utils/OnDemandEventDispatcher.html">OnDemandEventDispatcher</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#elementAdded()" class="signatureLink">elementAdded</a>(index:int):void</div><div class="summaryTableDescription"> |
| Called by the target after a layout element |
| has been added and before the target's size and display list are |
| validated.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#elementRemoved()" class="signatureLink">elementRemoved</a>(index:int):void</div><div class="summaryTableDescription"> |
| This method must is called by the target after a layout element |
| has been removed and before the target's size and display list are |
| validated.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getElementBounds()" class="signatureLink">getElementBounds</a>(index:int):Rectangle</div><div class="summaryTableDescription"> |
| Returns the specified element's layout bounds as a Rectangle or null |
| if the index is invalid, the corresponding element is null, |
| includeInLayout=false, |
| or if this layout's target property is null.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getHorizontalScrollPositionDelta()" class="signatureLink">getHorizontalScrollPositionDelta</a>(navigationUnit:uint):Number</div><div class="summaryTableDescription"> |
| Returns the change to the horizontal scroll position to handle |
| different scrolling options.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getNavigationDestinationIndex()" class="signatureLink">getNavigationDestinationIndex</a>(currentIndex:int, navigationUnit:uint, arrowKeysWrapFocus:Boolean):int</div><div class="summaryTableDescription"> |
| Delegation method that determines which item |
| to navigate to based on the current item in focus |
| and user input in terms of NavigationUnit.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getScrollPositionDeltaToElement()" class="signatureLink">getScrollPositionDeltaToElement</a>(index:int):Point</div><div class="summaryTableDescription"> |
| Computes the verticalScrollPosition and |
| horizontalScrollPosition deltas needed to |
| scroll the element at the specified index into view.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getVerticalScrollPositionDelta()" class="signatureLink">getVerticalScrollPositionDelta</a>(navigationUnit:uint):Number</div><div class="summaryTableDescription"> |
| Returns the change to the vertical scroll position to handle |
| different scrolling options.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../mx/utils/OnDemandEventDispatcher.html#hasEventListener()" class="signatureLink">hasEventListener</a>(type:String):Boolean</div><div class="summaryTableDescription"> |
| </div></td><td class="summaryTableOwnerCol"><a href="../../mx/utils/OnDemandEventDispatcher.html">OnDemandEventDispatcher</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#hideDropIndicator()" class="signatureLink">hideDropIndicator</a>():void</div><div class="summaryTableDescription"> |
| Hides the previously shown drop indicator, |
| created by the showDropIndicator() method, |
| removes it from the display list and also stops the drag scrolling.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#measure()" class="signatureLink">measure</a>():void</div><div class="summaryTableDescription"> |
| Measures the target's default size based on its content, and optionally |
| measures the target's default minimum size.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../mx/utils/OnDemandEventDispatcher.html#removeEventListener()" class="signatureLink">removeEventListener</a>(type:String, listener:Function, useCapture:Boolean = false):void</div><div class="summaryTableDescription"> |
| </div></td><td class="summaryTableOwnerCol"><a href="../../mx/utils/OnDemandEventDispatcher.html">OnDemandEventDispatcher</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#showDropIndicator()" class="signatureLink">showDropIndicator</a>(dropLocation:<a href="../../spark/layouts/supportClasses/DropLocation.html">DropLocation</a>):void</div><div class="summaryTableDescription"> |
| Sizes, positions and parents the drop indicator based on the specified |
| drop location.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#updateDisplayList()" class="signatureLink">updateDisplayList</a>(width:Number, height:Number):void</div><div class="summaryTableDescription"> |
| Sizes and positions the target's elements.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#updateScrollRect()" class="signatureLink">updateScrollRect</a>(w:Number, h:Number):void</div><div class="summaryTableDescription"> |
| Called by the target at the end of its updateDisplayList |
| to have the layout update its scrollRect.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../mx/utils/OnDemandEventDispatcher.html#willTrigger()" class="signatureLink">willTrigger</a>(type:String):Boolean</div><div class="summaryTableDescription"> |
| </div></td><td class="summaryTableOwnerCol"><a href="../../mx/utils/OnDemandEventDispatcher.html">OnDemandEventDispatcher</a></td></tr></table></div><a name="methodSummary"></a><a name="protectedMethodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Protected Methods </div><div class="showHideLinks"><div id="hideInheritedProtectedMethod" class="hideInheritedProtectedMethod"><a class="showHideLink" href="#protectedMethodSummary" onclick="javascript:setInheritedVisible(false,'ProtectedMethod');"><img class="showHideLinkImage" src="../../images/expanded.gif"> Show Inherited Protected Methods</a></div><div id="showInheritedProtectedMethod" class="showInheritedProtectedMethod"><a class="showHideLink" href="#protectedMethodSummary" onclick="javascript:setInheritedVisible(true,'ProtectedMethod');"><img class="showHideLinkImage" src="../../images/collapsed.gif"> Show Inherited Protected Methods</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProtectedMethod"><tr><th> </th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#calculateDragScrollDelta()" class="signatureLink">calculateDragScrollDelta</a>(dropLocation:<a href="../../spark/layouts/supportClasses/DropLocation.html">DropLocation</a>, elapsedTime:Number):Point</div><div class="summaryTableDescription"> |
| Calculates how much to scroll for the specified dropLocation |
| during a drag and drop gesture.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#calculateDropIndex()" class="signatureLink">calculateDropIndex</a>(x:Number, y:Number):int</div><div class="summaryTableDescription">[override] |
| |
| Returns the index where a new item should be inserted if |
| the user releases the mouse at the specified coordinates |
| while completing a drag and drop gesture.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class=""><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"> </td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#calculateDropIndicatorBounds()" class="signatureLink">calculateDropIndicatorBounds</a>(dropLocation:<a href="../../spark/layouts/supportClasses/DropLocation.html">DropLocation</a>):Rectangle</div><div class="summaryTableDescription">[override] |
| |
| Calculates the bounds for the drop indicator that provides visual feedback |
| to the user of where the items will be inserted at the end of a drag and drop |
| gesture.</div></td><td class="summaryTableOwnerCol">TileLayout</td></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getElementBoundsAboveScrollRect()" class="signatureLink">getElementBoundsAboveScrollRect</a>(scrollRect:Rectangle):Rectangle</div><div class="summaryTableDescription"> |
| Returns the bounds of the first layout element that either spans or |
| is above the scrollRect's top edge.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getElementBoundsBelowScrollRect()" class="signatureLink">getElementBoundsBelowScrollRect</a>(scrollRect:Rectangle):Rectangle</div><div class="summaryTableDescription"> |
| Returns the bounds of the first layout element that either spans or |
| is below the scrollRect's bottom edge.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getElementBoundsLeftOfScrollRect()" class="signatureLink">getElementBoundsLeftOfScrollRect</a>(scrollRect:Rectangle):Rectangle</div><div class="summaryTableDescription"> |
| Returns the bounds of the first layout element that either spans or |
| is to the left of the scrollRect's left edge.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getElementBoundsRightOfScrollRect()" class="signatureLink">getElementBoundsRightOfScrollRect</a>(scrollRect:Rectangle):Rectangle</div><div class="summaryTableDescription"> |
| Returns the bounds of the first layout element that either spans or |
| is to the right of the scrollRect's right edge.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#getScrollRect()" class="signatureLink">getScrollRect</a>():Rectangle</div><div class="summaryTableDescription"> |
| Returns the bounds of the target's scroll rectangle in layout coordinates.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr><tr class="hideInheritedProtectedMethod"><td class="summaryTablePaddingCol"> </td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../spark/layouts/supportClasses/LayoutBase.html#scrollPositionChanged()" class="signatureLink">scrollPositionChanged</a>():void</div><div class="summaryTableDescription"> |
| Called when the verticalScrollPosition or |
| horizontalScrollPosition properties change.</div></td><td class="summaryTableOwnerCol"><a href="../../spark/layouts/supportClasses/LayoutBase.html">LayoutBase</a></td></tr></table></div><script language="javascript" type="text/javascript"><!-- |
| showHideInherited(); |
| --></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="columnAlign"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">columnAlign</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>columnAlign:String</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Specifies how to justify the fully visible columns to the container width. |
| ActionScript values can be <code>ColumnAlign.LEFT</code>, <code>ColumnAlign.JUSTIFY_USING_GAP</code> |
| and <code>ColumnAlign.JUSTIFY_USING_WIDTH</code>. |
| MXML values can be <code>"left"</code>, <code>"justifyUsingGap"</code> and <code>"justifyUsingWidth"</code>. |
| <p>When set to <code>ColumnAlign.LEFT</code> it turns column justification off. |
| There may be partially visible columns or whitespace between the last column and |
| the right edge of the container. This is the default value.</p> |
| <p>When set to <code>ColumnAlign.JUSTIFY_USING_GAP</code> the <code>horizontalGap</code> |
| actual value increases so that |
| the last fully visible column right edge aligns with the container's right edge. |
| In case there is only a single fully visible column, the <code>horizontalGap</code> actual value |
| increases so that it pushes any partially visible column beyond the right edge |
| of the container. |
| Note that explicitly setting the <code>horizontalGap</code> property does not turn off |
| justification. It only determines the initial gap value. |
| Justification may increases it.</p> |
| <p>When set to <code>ColumnAlign.JUSTIFY_USING_WIDTH</code> the <code>columnWidth</code> |
| actual value increases so that |
| the last fully visible column right edge aligns with the container's right edge. |
| Note that explicitly setting the <code>columnWidth</code> property does not turn off justification. |
| It only determines the initial column width value. |
| Justification may increases it.</p> |
| </p><p> The default value is <code>ColumnAlign.LEFT</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get columnAlign():String</code><br/><code> public function set columnAlign(value:String):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#horizontalGap" target="">horizontalGap</a><br/><a href="TileLayout.html#columnWidth" target="">columnWidth</a><br/><a href="TileLayout.html#rowAlign" target="">rowAlign</a></div></div><a name="propertyDetail"></a><a name="columnCount"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">columnCount</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>columnCount:int</code> [read-only] <p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Contain the actual column count. |
| </p><p> The default value is <code>-1</code>.</p><p>This property can be used as the source for data binding.</p><br/><span class="label"> Implementation </span><br/><code> public function get columnCount():int</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#rowCount" target="">rowCount</a><br/><a href="TileLayout.html#columnAlign" target="">columnAlign</a></div></div><a name="propertyDetail"></a><a name="columnWidth"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">columnWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>columnWidth:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Contain the actual column width, in pixels. |
| <p>If not explicitly set, the column width is |
| determined from the width of the widest element. </p> |
| <p>If the <code>columnAlign</code> property is set |
| to <code>"justifyUsingWidth"</code>, the column width grows to the |
| container width to justify the fully-visible columns.</p> |
| </p><p> The default value is <code>NaN</code>.</p><p>This property can be used as the source for data binding.</p><br/><span class="label"> Implementation </span><br/><code> public function get columnWidth():Number</code><br/><code> public function set columnWidth(value:Number):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#rowHeight" target="">rowHeight</a><br/><a href="TileLayout.html#columnAlign" target="">columnAlign</a></div></div><a name="propertyDetail"></a><a name="horizontalAlign"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">horizontalAlign</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>horizontalAlign:String</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Specifies how to align the elements within the cells in the horizontal direction. |
| Supported values are |
| <code>HorizontalAlign.LEFT</code>, |
| <code>HorizontalAlign.CENTER</code>, |
| <code>HorizontalAlign.RIGHT</code>, |
| <code>HorizontalAlign.JUSTIFY</code>. |
| <p>When set to <code>HorizontalAlign.JUSTIFY</code> the width of each |
| element is set to the <code>columnWidth</code>.</p> |
| </p><p> The default value is <code><code>HorizontalAlign.JUSTIFY</code></code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get horizontalAlign():String</code><br/><code> public function set horizontalAlign(value:String):void</code><br/></div><a name="propertyDetail"></a><a name="horizontalGap"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">horizontalGap</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>horizontalGap:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Horizontal space between columns, in pixels. |
| </p><p> The default value is <code>6</code>.</p><p>This property can be used as the source for data binding.</p><br/><span class="label"> Implementation </span><br/><code> public function get horizontalGap():Number</code><br/><code> public function set horizontalGap(value:Number):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#verticalGap" target="">verticalGap</a><br/><a href="TileLayout.html#columnAlign" target="">columnAlign</a></div></div><a name="propertyDetail"></a><a name="orientation"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">orientation</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>orientation:String</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Specifies whether elements are arranged row by row or |
| column by column. |
| ActionScript values can be <code>TileOrientation.ROWS</code> and |
| <code>TileOrientation.COLUMNS</code>. |
| MXML values can be <code>"rows"</code> and <code>"columns"</code>. |
| </p><p> The default value is <code>TileOrientation.ROWS</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get orientation():String</code><br/><code> public function set orientation(value:String):void</code><br/></div><a name="propertyDetail"></a><a name="padding"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">padding</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>padding:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| The minimum number of pixels between the container's edges and |
| the edges of the layout element. |
| |
| </p><p> The default value is <code>0</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get padding():Number</code><br/><code> public function set padding(value:Number):void</code><br/></div><a name="propertyDetail"></a><a name="paddingBottom"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">paddingBottom</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>paddingBottom:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Number of pixels between the container's bottom edge |
| and the bottom edge of the last layout element. |
| |
| </p><p> The default value is <code>0</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get paddingBottom():Number</code><br/><code> public function set paddingBottom(value:Number):void</code><br/></div><a name="propertyDetail"></a><a name="paddingLeft"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">paddingLeft</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>paddingLeft:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| The minimum number of pixels between the container's left edge and |
| the left edge of the layout element. |
| |
| </p><p> The default value is <code>0</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get paddingLeft():Number</code><br/><code> public function set paddingLeft(value:Number):void</code><br/></div><a name="propertyDetail"></a><a name="paddingRight"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">paddingRight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>paddingRight:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| The minimum number of pixels between the container's right edge and |
| the right edge of the layout element. |
| |
| </p><p> The default value is <code>0</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get paddingRight():Number</code><br/><code> public function set paddingRight(value:Number):void</code><br/></div><a name="propertyDetail"></a><a name="paddingTop"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">paddingTop</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>paddingTop:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Number of pixels between the container's top edge |
| and the top edge of the first layout element. |
| |
| </p><p> The default value is <code>0</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get paddingTop():Number</code><br/><code> public function set paddingTop(value:Number):void</code><br/></div><a name="propertyDetail"></a><a name="requestedColumnCount"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">requestedColumnCount</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>requestedColumnCount:int</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Number of columns to be displayed. |
| |
| <p>Set to -1 to allow the TileLayout to determine |
| the column count automatically.</p> |
| <p>If the <code>orientation</code> property is set to <code>TileOrientation.ROWS</code>, |
| then setting this property has no effect |
| In this case, the <code>rowCount</code> is explicitly set, and the |
| container width is explicitly set. </p> |
| |
| </p><p> The default value is <code>-1</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get requestedColumnCount():int</code><br/><code> public function set requestedColumnCount(value:int):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#columnCount" target="">columnCount</a><br/><a href="TileLayout.html#columnAlign" target="">columnAlign</a></div></div><a name="propertyDetail"></a><a name="requestedRowCount"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">requestedRowCount</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>requestedRowCount:int</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Number of rows to be displayed. |
| |
| <p>Set to -1 to remove explicit override and allow the TileLayout to determine |
| the row count automatically.</p> |
| <p>If the <code>orientation</code> property is set to |
| <code>TileOrientation.COLUMNS</code>, setting this property has no effect. |
| in this case, <code>columnCount</code> is explicitly set, and the |
| container height is explicitly set.</p> |
| |
| </p><p> The default value is <code>-1</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get requestedRowCount():int</code><br/><code> public function set requestedRowCount(value:int):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#rowCount" target="">rowCount</a><br/><a href="TileLayout.html#rowAlign" target="">rowAlign</a></div></div><a name="propertyDetail"></a><a name="rowAlign"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">rowAlign</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>rowAlign:String</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Specifies how to justify the fully visible rows to the container height. |
| ActionScript values can be <code>RowAlign.TOP</code>, <code>RowAlign.JUSTIFY_USING_GAP</code> |
| and <code>RowAlign.JUSTIFY_USING_HEIGHT</code>. |
| MXML values can be <code>"top"</code>, <code>"justifyUsingGap"</code> and <code>"justifyUsingHeight"</code>. |
| <p>When set to <code>RowAlign.TOP</code> it turns column justification off. |
| There might be partially visible rows or whitespace between the last row and |
| the bottom edge of the container. This is the default value.</p> |
| <p>When set to <code>RowAlign.JUSTIFY_USING_GAP</code> the <code>verticalGap</code> |
| actual value increases so that |
| the last fully visible row bottom edge aligns with the container's bottom edge. |
| In case there is only a single fully visible row, the value of <code>verticalGap</code> |
| increases so that it pushes any partially visible row beyond the bottom edge |
| of the container. Note that explicitly setting the <code>verticalGap</code> does not turn off |
| justification, but just determines the initial gap value. |
| Justification can then increases it.</p> |
| <p>When set to <code>RowAlign.JUSTIFY_USING_HEIGHT</code> the <code>rowHeight</code> |
| actual value increases so that |
| the last fully visible row bottom edge aligns with the container's bottom edge. Note that |
| explicitly setting the <code>rowHeight</code> does not turn off justification, but |
| determines the initial row height value. |
| Justification can then increase it.</p> |
| </p><p> The default value is <code>RowAlign.TOP</code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get rowAlign():String</code><br/><code> public function set rowAlign(value:String):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#verticalGap" target="">verticalGap</a><br/><a href="TileLayout.html#rowHeight" target="">rowHeight</a><br/><a href="TileLayout.html#columnAlign" target="">columnAlign</a></div></div><a name="propertyDetail"></a><a name="rowCount"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">rowCount</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>rowCount:int</code> [read-only] <p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| The row count. |
| </p><p> The default value is <code>-1</code>.</p><p>This property can be used as the source for data binding.</p><br/><span class="label"> Implementation </span><br/><code> public function get rowCount():int</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#requestedRowCount" target="">requestedRowCount</a><br/><a href="TileLayout.html#columnCount" target="">columnCount</a></div></div><a name="propertyDetail"></a><a name="rowHeight"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">rowHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>rowHeight:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| The row height, in pixels. |
| <p>If not explicitly set, the row height is |
| determined from the maximum of elements' height.</p> |
| If <code>rowAlign</code> is set to "justifyUsingHeight", the actual row height |
| increases to justify the fully-visible rows to the container height. |
| </p><p> The default value is <code>NaN</code>.</p><p>This property can be used as the source for data binding.</p><br/><span class="label"> Implementation </span><br/><code> public function get rowHeight():Number</code><br/><code> public function set rowHeight(value:Number):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#columnWidth" target="">columnWidth</a><br/><a href="TileLayout.html#rowAlign" target="">rowAlign</a></div></div><a name="propertyDetail"></a><a name="verticalAlign"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">verticalAlign</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>verticalAlign:String</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Specifies how to align the elements within the cells in the vertical direction. |
| Supported values are |
| <code>VerticalAlign.TOP</code>, |
| <code>VerticalAlign.MIDDLE</code>, |
| <code>VerticalAlign.BOTTOM</code>, |
| <code>VerticalAlign.JUSTIFY</code>. |
| <p>When set to <code>VerticalAlign.JUSTIFY</code>, the height of each |
| element is set to <code>rowHeight</code>.</p> |
| </p><p> The default value is <code><code>VerticalAlign.JUSTIFY</code></code>.</p><br/><span class="label"> Implementation </span><br/><code> public function get verticalAlign():String</code><br/><code> public function set verticalAlign(value:String):void</code><br/></div><a name="propertyDetail"></a><a name="verticalGap"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">verticalGap</td><td class="detailHeaderType">property</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>verticalGap:Number</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| Vertical space between rows, in pixels. |
| </p><p> The default value is <code>6</code>.</p><p>This property can be used as the source for data binding.</p><br/><span class="label"> Implementation </span><br/><code> public function get verticalGap():Number</code><br/><code> public function set verticalGap(value:Number):void</code><br/><p><span class="label">See also</span></p><div class="seeAlso"><a href="TileLayout.html#horizontalGap" target="">horizontalGap</a><br/><a href="TileLayout.html#rowAlign" target="">rowAlign</a></div></div><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="TileLayout()"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">TileLayout</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function TileLayout()</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p> |
| Constructor. |
| |
| </p></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="calculateDropIndex()"></a><a name="calculateDropIndex(Number,Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">calculateDropIndex</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code>override protected function calculateDropIndex(x:Number, y:Number):int</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| |
| Returns the index where a new item should be inserted if |
| the user releases the mouse at the specified coordinates |
| while completing a drag and drop gesture. |
| |
| Called by the <code>calculatedDropLocation()</code> method. |
| </p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">x</span>:Number</code> — The x coordinate of the drag and drop gesture, in |
| local coordinates. |
| |
| </td></tr><tr><td class="paramSpacer"> </td></tr><tr><td width="20px"></td><td><code><span class="label">y</span>:Number</code> — The y coordinate of the drag and drop gesture, in |
| the drop target's local coordinates. |
| </td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>int</code> — The drop index or -1 if the drop operation is not available |
| at the specified coordinates. |
| |
| </td></tr></table></div><a name="calculateDropIndicatorBounds()"></a><a name="calculateDropIndicatorBounds(spark.layouts.supportClasses.DropLocation)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">calculateDropIndicatorBounds</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule"> </td></tr></table><div class="detailBody"><code>override protected function calculateDropIndicatorBounds(dropLocation:<a href="../../spark/layouts/supportClasses/DropLocation.html">DropLocation</a>):Rectangle</code><p></p><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Language Version : </b></td><td>ActionScript 3.0</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Product Version : </b></td><td>Flex 4</td></tr></table><table cellpadding="0" cellspacing="0" border="0"><tr><td style="white-space:nowrap" valign="top"><b> Runtime Versions : </b></td><td>Flash Player 10, AIR 1.5</td></tr></table><p></p><p></p><p> |
| |
| Calculates the bounds for the drop indicator that provides visual feedback |
| to the user of where the items will be inserted at the end of a drag and drop |
| gesture. |
| |
| Called by the <code>showDropIndicator()</code> method. |
| |
| </p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">dropLocation</span>:<a href="../../spark/layouts/supportClasses/DropLocation.html">DropLocation</a></code> — A valid DropLocation object previously returned |
| by the <code>calculateDropLocation()</code> method. |
| |
| </td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Rectangle</code> — The bounds for the drop indicator or null. |
| |
| </td></tr></table></div><br/><br/><hr><br/><p></p><center class="copyright"><footer>The Apache Software Foundation</footer><br/>Wed Nov 15 2017, 09:50 AM +01:00 </center></div></body></html><!--The Apache Software Foundation<br/>Wed Nov 15 2017, 09:50 AM +01:00 --> |
