mx.containers
Class Tile

class Tile
extends mx.containers.Container

A Tile container lays out its children in one or more vertical columns or horizontal rows, starting new rows or columns as necessary. The direction property determines whether the orientation of the layout is horizontal, which is the default, or vertical.

All Tile container cells are the same size. The cells of a Tile container are arranged in a square grid, in which each cell holds a single child component. For example, if you define 16 children in a Tile layout container, the Tile container is four cells wide and four cells high. If you define 13 children, the Tile container is also four cells wide and four cells high, although the last three cells in the fourth row will be empty.

MXML Syntax

The <mx:Tile> container inherits all the properties of its parent classes, and the following properties: 

 <mx:Tile
   direction="horizontal|vertical"
   horizontaAlign="left|center|right"
   horizontalGap="6"
   marginBottom="0"
   marginTop="0"
   tileHeight="Specifies Tile height; no default value"
   tileWidth="Specifies Tile width; no default value">
   verticalAlign="top|middle|bottom"
   verticalGap="6"
   ...
     child tags
   ...
 />


Methods

Methods inherited from class mx.containers.Container
Constructor  getViewMetrics 

Methods inherited from class mx.core.View
init  draw  createChild  getChildAt  getChildIndex  setChildIndex  destroyAllChildren  destroyChild  destroyChildAt  getViewMetrics 

Methods inherited from class mx.core.UIComponent
getFocus  setFocus  getFocusManager 

Methods inherited from class mx.core.UIObject
createAccessibilityImplementation  measure  doLater  cancelAllDoLaters  invalidate  invalidateStyle  invalidateProperties  invalidateSize  redraw  move  setSize  setSizeNoLayout  drawRect  fillRect  destroyLabel  createClassObject  createEmptyObject  destroyObject  getStyle  setMask  swapDepths 


Properties
      direction:String   [Read/Write]
Orientation of the container.
      tileWidth:Number   [Read/Write]
Explicit width of all cells, overriding the default of the preferred width of the widest child.
      tileHeight:Number   [Read/Write]
Explicit height of all cells, overriding the default of the preferred height of the tallest child.

Properties inherited from class mx.containers.Container
version  className  numRepeaters  icon  autoLayout  defaultButton  childDescriptors  creationPolicy  clipContent  hScrollPolicy  vScrollPolicy  maxVPosition  maxHPosition  vLineScrollSize  hLineScrollSize  vPageScrollSize  hPageScrollSize  hPosition  vPosition 

Properties inherited from class mx.core.View
version  className  numChildren 

Properties inherited from class mx.core.UIComponent
version  enabled  tabIndex 

Properties inherited from class mx.core.UIObject
version  nestLevel  dispatchEvent  addEventListener  handleEvent  removeEventListener  kStretch  styleName  className  setStyle  parentApplication  isDocument  parentDocument  documentDescriptor  descriptor  instanceIndices  repeaterIndices  getRepeaterItem  id  width  height  x  y  minHeight  minWidth  preferredHeight  preferredWidth  maxHeight  maxWidth  widthFlex  heightFlex  visible  scaleX  scaleY  alpha  depth  mouseX  mouseY  toolTip  baselinePosition 


Effects

Effects inherited from class mx.core.UIComponent
showEffect  hideEffect  focusInEffect  focusOutEffect 

Effects inherited from class mx.core.UIObject
creationCompleteEffect  moveEffect  resizeEffect  mouseDownEffect  mouseOverEffect  mouseOutEffect  mouseUpEffect 


Events

Events inherited from class: mx.containers.Container
childrenCreated  scroll 

Events inherited from class: mx.core.View
childCreated  childIndexChanged  childDestroyed 

Events inherited from class: mx.core.UIComponent
focusIn  focusOut  keyDown  keyUp  show  hide  valid  invalid  valueCommitted 

Events inherited from class: mx.core.UIObject
initialize  creationComplete  resize  move  draw  load  unload  mouseDown  mouseUp  mouseMove  mouseOver  mouseOut  mouseDownSomewhere  mouseUpSomewhere  mouseMoveSomewhere  mouseChangeSomewhere  effectStart  effectEnd  dragBegin  dragComplete  dragEnter  dragOver  dragExit  dragDrop 


Styles
marginBottom Type: Number   Format: Length   CSS Inheritance: no
Number of pixels between the container`s bottom border and its content area. The default value is 0.
marginTop Type: Number   Format: Length   CSS Inheritance: no
Number of pixels between the container`s top border and its content area. The default value is 0.
horizontalGap Type: Number   Format: Length   CSS Inheritance: no
Number of pixels between children in the horizontal direction. The default value is 6.
verticalGap Type: Number   Format: Length   CSS Inheritance: no
Number of pixels between children in the vertical direction. The default value is 6.
horizontalAlign CSS Inheritance: no
Horizontal alignment of container children. The default is left. Possible values are left, center, and right.
verticalAlign CSS Inheritance: no
Vertical alignment of container children. The default is top. Possible values are top, middle, and bottom.

Styles inherited from class mx.core.UIComponent
backgroundColor  backgroundDisabledColor  backgroundImage  backgroundAlpha  backgroundSize  barColor  borderCapColor  borderColor  buttonColor  borderStyle  disabledColor  errorColor  highlightColor  lineHeight  modalTransparency  scrollTrackColor  shadowColor  shadowCapColor  symbolColor  symbolBackgroundColor  symbolBackgroundDisabledColor  symbolBackgroundPressedColor  symbolDisabledColor  themeColor 

Styles inherited from class mx.core.UIObject
color  fontFamily  fontSize  fontStyle  fontWeight  textAlign  textDecoration  textIndent  marginLeft  marginRight  horizontalGap  verticalGap 


Property Detail

direction

direction:String   [Read/Write]

Orientation of the container. Possible values are horizontal and vertical. The default value is horizontal.

tileHeight

tileHeight:Number   [Read/Write]

Explicit height of all cells, overriding the default of the preferred height of the tallest child.

tileWidth

tileWidth:Number   [Read/Write]

Explicit width of all cells, overriding the default of the preferred width of the widest child.