TileLayout

套件	spark.layouts
類別	public class TileLayout
繼承	TileLayout LayoutBase OnDemandEventDispatcher Object

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

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.

Per-element supported constraints are percentWidth and percentHeight. 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.

When not explicitly set, the columnWidth property is calculated as the maximum preferred bounds width of all elements and the columnHeight property is calculated as the maximum preferred bounds height of all elements.

When not explicitly set, the columnCount and rowCount properties are calculated from any explicit width and height settings for the layout target, and columnWidth and columnHeight. In case none is specified, the columnCount and rowCount values are picked so that the resulting pixel area is as square as possible.

The measured size is calculated from the columnCount, rowCount, columnWidth, rowHeight properties and the gap sizes.

The default measured size, when no properties were explicitly set, is as square as possible area and is large enough to fit all elements.

In other cases the measured size may not be big enough to fit all elements. For example, when both columnCount and rowCount are explicitly set to values such that columnCount * rowCount < element count.

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.

MXML 語法

隱藏 MXML 語法

The <s:TileLayout> tag inherits all of the tag attributes of its superclass and adds the following tag attributes:

  <s:TileLayout 
    Properties
    columnAlign="left"
    columnWidth="NaN"
    horizontalAlign="justify"
    horizontalGap="6"
    orientation="rows"
    requestedColumnCount="-1"
    requestedRowCount="-1"
    rowAlign="top"
    rowCount="-1"
    rowHeight="NaN"
    verticalAlign="justify"
    verticalGap="6"
  />

公用屬性

隱藏繼承公用屬性

顯示繼承公用屬性

	屬性		定義自
		clipAndEnableScrolling : Boolean If true, specifies to clip the children to the boundaries of the viewport.	LayoutBase
		columnAlign : String Specifies how to justify the fully visible columns to the container width.	TileLayout
		columnCount : int [唯讀] Contain the actual column count.	TileLayout
		columnWidth : Number Contain the actual column width, in pixels.	TileLayout
		constructor : Object 類別物件的參照或是特定物件實體的建構函數。	Object
		dropIndicator : DisplayObject The DisplayObject that this layout uses for the drop indicator during a drag-and-drop operation.	LayoutBase
		horizontalAlign : String Specifies how to align the elements within the cells in the horizontal direction.	TileLayout
		horizontalGap : Number Horizontal space between columns, in pixels.	TileLayout
		horizontalScrollPosition : Number 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.	LayoutBase
		orientation : String Specifies whether elements are arranged row by row or column by column.	TileLayout
		paddingBottom : Number Number of pixels between the container's bottom edge and the bottom edge of the last layout element.	TileLayout
		paddingLeft : Number The minimum number of pixels between the container's left edge and the left edge of the layout element.	TileLayout
		paddingRight : Number The minimum number of pixels between the container's right edge and the right edge of the layout element.	TileLayout
		paddingTop : Number Number of pixels between the container's top edge and the top edge of the first layout element.	TileLayout
		requestedColumnCount : int Number of columns to be displayed.	TileLayout
		requestedRowCount : int Number of rows to be displayed.	TileLayout
		rowAlign : String Specifies how to justify the fully visible rows to the container height.	TileLayout
		rowCount : int [唯讀] The row count.	TileLayout
		rowHeight : Number The row height, in pixels.	TileLayout
		target : GroupBase The GroupBase container whose elements are measured, sized and positioned by this layout.	LayoutBase
		typicalLayoutElement : ILayoutElement Used by layouts when fixed row/column sizes are requested but a specific size isn't specified.	LayoutBase
		useVirtualLayout : Boolean A container can hold any number of children.	LayoutBase
		verticalAlign : String Specifies how to align the elements within the cells in the vertical direction.	TileLayout
		verticalGap : Number Vertical space between rows, in pixels.	TileLayout
		verticalScrollPosition : Number 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.	LayoutBase

公用方法

隱藏繼承公用方法

顯示繼承公用方法

	方法		定義自
		TileLayout() Constructor.	TileLayout
		addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void Registers an event listener object with an EventDispatcher object so that the listener receives notification of an event.	OnDemandEventDispatcher
		calculateDropLocation(dragEvent:DragEvent):DropLocation Calculates the drop location in the data provider of the drop target for the specified dragEvent.	LayoutBase
		clearVirtualLayoutCache():void When useVirtualLayout is true, this method can be used by the layout target to clear cached layout information when the target changes.	LayoutBase
		dispatchEvent(event:Event):Boolean Dispatches an event into the event flow.	OnDemandEventDispatcher
		elementAdded(index:int):void Called by the target after a layout element has been added and before the target's size and display list are validated.	LayoutBase
		elementRemoved(index:int):void 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.	LayoutBase
		getElementBounds(index:int):Rectangle 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.	LayoutBase
		getHorizontalScrollPositionDelta(navigationUnit:uint):Number Returns the change to the horizontal scroll position to handle different scrolling options.	LayoutBase
		getNavigationDestinationIndex(currentIndex:int, navigationUnit:uint, arrowKeysWrapFocus:Boolean):int Delegation method that determines which item to navigate to based on the current item in focus and user input in terms of NavigationUnit.	LayoutBase
		getScrollPositionDeltaToElement(index:int):Point Computes the verticalScrollPosition and horizontalScrollPosition deltas needed to scroll the element at the specified index into view.	LayoutBase
		getVerticalScrollPositionDelta(navigationUnit:uint):Number Returns the change to the vertical scroll position to handle different scrolling options.	LayoutBase
		hasEventListener(type:String):Boolean Checks whether the EventDispatcher object has any listeners registered for a specific type of event.	OnDemandEventDispatcher
		hasOwnProperty(name:String):Boolean 指出物件是否有已定義的指定屬性。	Object
		hideDropIndicator():void Hides the previously shown drop indicator, created by the showDropIndicator() method, removes it from the display list and also stops the drag scrolling.	LayoutBase
		isPrototypeOf(theClass:Object):Boolean 指出 Object 類別的實體是否位於指定為參數的物件原型鏈中。	Object
		measure():void Measures the target's default size based on its content, and optionally measures the target's default minimum size.	LayoutBase
		propertyIsEnumerable(name:String):Boolean 指出指定的屬性是否存在，以及是否可列舉。	Object
		removeEventListener(type:String, listener:Function, useCapture:Boolean = false):void Removes a listener from the EventDispatcher object.	OnDemandEventDispatcher
		setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void 為迴圈作業設定動態屬性的可用性。	Object
		showDropIndicator(dropLocation:DropLocation):void Sizes, positions and parents the drop indicator based on the specified drop location.	LayoutBase
		toLocaleString():String 傳回代表此物件的字串，根據地區特定慣例進行格式化。	Object
		toString():String 會傳回指定之物件的字串形式。	Object
		updateDisplayList(width:Number, height:Number):void Sizes and positions the target's elements.	LayoutBase
		updateScrollRect(w:Number, h:Number):void Called by the target at the end of its updateDisplayList to have the layout update its scrollRect.	LayoutBase
		valueOf():Object 會傳回指定之物件的基本值。	Object
		willTrigger(type:String):Boolean Checks whether an event listener is registered with this EventDispatcher object or any of its ancestors for the specified event type.	OnDemandEventDispatcher

保護方法

隱藏繼承保護方法

顯示繼承保護方法

	方法		定義自
		calculateDragScrollDelta(dropLocation:DropLocation, elapsedTime:Number):Point Calculates how much to scroll for the specified dropLocation during a drag and drop gesture.	LayoutBase
		calculateDropIndex(x:Number, y:Number):int [覆寫] 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.	TileLayout
		calculateDropIndicatorBounds(dropLocation:DropLocation):Rectangle [覆寫] 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.	TileLayout
		getElementBoundsAboveScrollRect(scrollRect:Rectangle):Rectangle Returns the bounds of the first layout element that either spans or is above the scrollRect's top edge.	LayoutBase
		getElementBoundsBelowScrollRect(scrollRect:Rectangle):Rectangle Returns the bounds of the first layout element that either spans or is below the scrollRect's bottom edge.	LayoutBase
		getElementBoundsLeftOfScrollRect(scrollRect:Rectangle):Rectangle Returns the bounds of the first layout element that either spans or is to the left of the scrollRect's left edge.	LayoutBase
		getElementBoundsRightOfScrollRect(scrollRect:Rectangle):Rectangle Returns the bounds of the first layout element that either spans or is to the right of the scrollRect's right edge.	LayoutBase
		getScrollRect():Rectangle Returns the bounds of the target's scroll rectangle in layout coordinates.	LayoutBase
		scrollPositionChanged():void Called when the verticalScrollPosition or horizontalScrollPosition properties change.	LayoutBase

屬性詳細資訊

columnAlign

屬性

columnAlign:String

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Specifies how to justify the fully visible columns to the container width. ActionScript values can be ColumnAlign.LEFT, ColumnAlign.JUSTIFY_USING_GAP and ColumnAlign.JUSTIFY_USING_WIDTH. MXML values can be "left", "justifyUsingGap" and "justifyUsingWidth".

When set to ColumnAlign.LEFT 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.

When set to ColumnAlign.JUSTIFY_USING_GAP the horizontalGap 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 horizontalGap actual value increases so that it pushes any partially visible column beyond the right edge of the container. Note that explicitly setting the horizontalGap property does not turn off justification. It only determines the initial gap value. Justification may increases it.

When set to ColumnAlign.JUSTIFY_USING_WIDTH the columnWidth actual value increases so that the last fully visible column right edge aligns with the container's right edge. Note that explicitly setting the columnWidth property does not turn off justification. It only determines the initial column width value. Justification may increases it.

預設值為 ColumnAlign.LEFT。

實作
public function get columnAlign():String
public function set columnAlign(value:String):void

相關 API 元素

horizontalGap
columnWidth
rowAlign

columnCount

屬性

columnCount:int [唯讀]

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Contain the actual column count.

預設值為 -1。

此屬性可以做為資料繫結的來源。一旦修改此屬性，將傳送 propertyChange 事件。

實作
public function get columnCount():int

相關 API 元素

rowCount
columnAlign

columnWidth

屬性

columnWidth:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Contain the actual column width, in pixels.

If not explicitly set, the column width is determined from the width of the widest element.

If the columnAlign property is set to "justifyUsingWidth", the column width grows to the container width to justify the fully-visible columns.

預設值為 NaN。

此屬性可以做為資料繫結的來源。一旦修改此屬性，將傳送 propertyChange 事件。

實作
public function get columnWidth():Number
public function set columnWidth(value:Number):void

相關 API 元素

rowHeight
columnAlign

horizontalAlign

屬性

horizontalAlign:String

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Specifies how to align the elements within the cells in the horizontal direction. Supported values are HorizontalAlign.LEFT, HorizontalAlign.CENTER, HorizontalAlign.RIGHT, HorizontalAlign.JUSTIFY.

When set to HorizontalAlign.JUSTIFY the width of each element is set to the columnWidth.

預設值為 HorizontalAlign.JUSTIFY。

實作
public function get horizontalAlign():String
public function set horizontalAlign(value:String):void

horizontalGap

屬性

horizontalGap:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Horizontal space between columns, in pixels.

預設值為 6。

此屬性可以做為資料繫結的來源。一旦修改此屬性，將傳送 propertyChange 事件。

實作
public function get horizontalGap():Number
public function set horizontalGap(value:Number):void

相關 API 元素

verticalGap
columnAlign

orientation

屬性

orientation:String

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Specifies whether elements are arranged row by row or column by column. ActionScript values can be TileOrientation.ROWS and TileOrientation.COLUMNS. MXML values can be "rows" and "columns".

預設值為 TileOrientation.ROWS。

實作
public function get orientation():String
public function set orientation(value:String):void

paddingBottom

屬性

paddingBottom:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Number of pixels between the container's bottom edge and the bottom edge of the last layout element.

預設值為 0。

實作
public function get paddingBottom():Number
public function set paddingBottom(value:Number):void

paddingLeft

屬性

paddingLeft:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

The minimum number of pixels between the container's left edge and the left edge of the layout element.

預設值為 0。

實作
public function get paddingLeft():Number
public function set paddingLeft(value:Number):void

paddingRight

屬性

paddingRight:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

The minimum number of pixels between the container's right edge and the right edge of the layout element.

預設值為 0。

實作
public function get paddingRight():Number
public function set paddingRight(value:Number):void

paddingTop

屬性

paddingTop:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Number of pixels between the container's top edge and the top edge of the first layout element.

預設值為 0。

實作
public function get paddingTop():Number
public function set paddingTop(value:Number):void

requestedColumnCount

屬性

requestedColumnCount:int

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Number of columns to be displayed.

Set to -1 to allow the TileLayout to determine the column count automatically.

If the orientation property is set to TileOrientation.ROWS, then setting this property has no effect In this case, the rowCount is explicitly set, and the container width is explicitly set.

預設值為 -1。

實作
public function get requestedColumnCount():int
public function set requestedColumnCount(value:int):void

相關 API 元素

columnCount
columnAlign

requestedRowCount

屬性

requestedRowCount:int

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Number of rows to be displayed.

Set to -1 to remove explicit override and allow the TileLayout to determine the row count automatically.

If the orientation property is set to TileOrientation.COLUMNS, setting this property has no effect. in this case, columnCount is explicitly set, and the container height is explicitly set.

預設值為 -1。

實作
public function get requestedRowCount():int
public function set requestedRowCount(value:int):void

相關 API 元素

rowCount
rowAlign

rowAlign

屬性

rowAlign:String

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Specifies how to justify the fully visible rows to the container height. ActionScript values can be RowAlign.TOP, RowAlign.JUSTIFY_USING_GAP and RowAlign.JUSTIFY_USING_HEIGHT. MXML values can be "top", "justifyUsingGap" and "justifyUsingHeight".

When set to RowAlign.TOP 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.

When set to RowAlign.JUSTIFY_USING_GAP the verticalGap 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 verticalGap increases so that it pushes any partially visible row beyond the bottom edge of the container. Note that explicitly setting the verticalGap does not turn off justification, but just determines the initial gap value. Justification can then increases it.

When set to RowAlign.JUSTIFY_USING_HEIGHT the rowHeight actual value increases so that the last fully visible row bottom edge aligns with the container's bottom edge. Note that explicitly setting the rowHeight does not turn off justification, but determines the initial row height value. Justification can then increase it.

預設值為 RowAlign.TOP。

實作
public function get rowAlign():String
public function set rowAlign(value:String):void

相關 API 元素

verticalGap
rowHeight
columnAlign

rowCount

屬性

rowCount:int [唯讀]

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

The row count.

預設值為 -1。

此屬性可以做為資料繫結的來源。一旦修改此屬性，將傳送 propertyChange 事件。

實作
public function get rowCount():int

相關 API 元素

requestedRowCount
columnCount

rowHeight

屬性

rowHeight:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

The row height, in pixels.

If not explicitly set, the row height is determined from the maximum of elements' height.

If rowAlign is set to "justifyUsingHeight", the actual row height increases to justify the fully-visible rows to the container height.

預設值為 NaN。

此屬性可以做為資料繫結的來源。一旦修改此屬性，將傳送 propertyChange 事件。

實作
public function get rowHeight():Number
public function set rowHeight(value:Number):void

相關 API 元素

columnWidth
rowAlign

verticalAlign

屬性

verticalAlign:String

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Specifies how to align the elements within the cells in the vertical direction. Supported values are VerticalAlign.TOP, VerticalAlign.MIDDLE, VerticalAlign.BOTTOM, VerticalAlign.JUSTIFY.

When set to VerticalAlign.JUSTIFY, the height of each element is set to rowHeight.

預設值為 VerticalAlign.JUSTIFY。

實作
public function get verticalAlign():String
public function set verticalAlign(value:String):void

verticalGap

屬性

verticalGap:Number

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Vertical space between rows, in pixels.

預設值為 6。

此屬性可以做為資料繫結的來源。一旦修改此屬性，將傳送 propertyChange 事件。

實作
public function get verticalGap():Number
public function set verticalGap(value:Number):void

相關 API 元素

horizontalGap
rowAlign

建構函式詳細資料

()

建構函式

public function TileLayout()

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

Constructor.

方法詳細資訊

calculateDropIndex

()

方法

override protected function calculateDropIndex(x:Number, y:Number):int

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

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 calculatedDropLocation() method.

參數

	`x:Number` — The x coordinate of the drag and drop gesture, in local coordinates.

	`y:Number` — The y coordinate of the drag and drop gesture, in the drop target's local coordinates.

傳回值

int — The drop index or -1 if the drop operation is not available at the specified coordinates.

calculateDropIndicatorBounds

()

方法

override protected function calculateDropIndicatorBounds(dropLocation:DropLocation):Rectangle

語言版本:

ActionScript 3.0

產品版本:

Flex 4

執行階段版本:

Flash Player 10, AIR 1.5

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 showDropIndicator() method.

參數

dropLocation:DropLocation — A valid DropLocation object previously returned by the calculateDropLocation() method.

傳回值

Rectangle — The bounds for the drop indicator or null.

法律聲明 | 線上隱私權政策

TileLayout - AS3 Flex

類別 x

columnAlign

columnCount

columnWidth

horizontalAlign

horizontalGap

orientation

paddingBottom

paddingLeft

paddingRight

paddingTop

requestedColumnCount

requestedRowCount

rowAlign

rowCount

rowHeight

verticalAlign

verticalGap

TileLayout

calculateDropIndex

calculateDropIndicatorBounds