| Package | mx.controls |
| Class | public class TileList |
| Inheritance | TileList TileBase ListBase ScrollControlBase UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
direction property.
You can set the size of the tiles by using the rowHeight
or columnWidth properties.
Alternatively, Flex measures the item renderer for the first item
in the dataProvider and uses that size for all tiles.
MXML Syntax
Hide MXML Syntax
The <mx:TileList> tag inherits
all of the tag attributes of its superclass, but ignores the
variableRowHeight and wordWrap tag attributes.
It adds no additional tag attributes.
<mx:TileList/>
Default MXML PropertydataProvider
See also
| Method | Defined by | ||
|---|---|---|---|
|
TileList()
Constructor.
| TileList | ||
![]() |
Adds a child DisplayObject instance to this DisplayObjectContainer instance.
| DisplayObjectContainer | |
![]() |
Adds a child DisplayObject instance to this DisplayObjectContainer
instance.
| DisplayObjectContainer | |
![]() |
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.
| EventDispatcher | |
![]() |
Indicates whether the security restrictions
would cause any display objects to be omitted from the list returned by calling
the
DisplayObjectContainer.getObjectsUnderPoint() method
with the specified point point. | DisplayObjectContainer | |
![]() |
Returns the index where the dropped items should be added
to the drop target.
| ListBase | |
![]() |
Queues a function to be called later.
| UIComponent | |
![]() |
Deletes a style property from this component instance.
| UIComponent | |
![]() |
Determines whether the specified display object is a child of the DisplayObjectContainer instance or
the instance itself.
| DisplayObjectContainer | |
![]() |
Converts a
Point object from content coordinates to global coordinates. | UIComponent | |
![]() |
Converts a
Point object from content to local coordinates. | UIComponent | |
![]() |
Returns a set of properties that identify the child within
this container.
| UIComponent | |
![]() |
Creates an
id reference to this IUIComponent object
on its parent document object. | UIComponent | |
![]() |
Deletes the
id reference to this IUIComponent object
on its parent document object. | UIComponent | |
![]() |
Returns a UITextFormat object corresponding to the text styles
for this UIComponent.
| UIComponent | |
![]() | UIComponent | ||
![]() |
Shows or hides the focus indicator around this component.
| UIComponent | |
![]() |
drawRoundRect(x:Number, y:Number, w:Number, h:Number, r:Object = null, c:Object = null, alpha:Object = null, rot:Object = null, gradient:String = null, ratios:Array = null, hole:Object = null):void
Programatically draws a rectangle into this skin's Graphics object.
| UIComponent | |
![]() |
Called by the effect instance when it stops playing on the component.
| UIComponent | |
![]() |
Called by the effect instance when it starts playing on the component.
| UIComponent | |
![]() |
Ends all currently playing effects on the component.
| UIComponent | |
![]() |
Executes the data bindings into this UIComponent object.
| UIComponent | |
![]() |
Finds an item in the list based on a string
and moves the selection to it.
| ListBase | |
![]() |
Called after printing is complete.
| UIComponent | |
![]() |
Provides the automation object at the specified index.
| UIComponent | |
![]() |
Returns a rectangle that defines the area of the display object relative to the coordinate system
of the
targetCoordinateSpace object. | DisplayObject | |
![]() |
Returns the child display object instance that exists at the specified index.
| DisplayObjectContainer | |
![]() |
Returns the child display object that exists with the specified name.
| DisplayObjectContainer | |
![]() |
Returns the index position of a
child DisplayObject instance. | DisplayObjectContainer | |
![]() |
Finds the type selectors for this UIComponent instance.
| UIComponent | |
![]() |
A convenience method for determining whether to use the
explicit or measured height
| UIComponent | |
![]() |
A convenience method for determining whether to use the
explicit or measured width
| UIComponent | |
![]() |
Gets the object that currently has focus.
| UIComponent | |
![]() |
Returns an array of objects that lie under the specified point and are children
(or grandchildren, and so on) of this DisplayObjectContainer instance.
| DisplayObjectContainer | |
![]() |
Returns a rectangle that defines the boundary of the display object,
based on the coordinate system defined by the
targetCoordinateSpace
parameter, excluding any strokes on shapes. | DisplayObject | |
![]() |
Returns the item in the
dataProvider that was used
by the specified Repeater to produce this Repeater, or
null if this Repeater isn't repeated. | UIComponent | |
![]() |
Gets a style property that has been set anywhere in this
component's style lookup chain.
| UIComponent | |
![]() |
Converts a
Point object from global to content coordinates. | UIComponent | |
![]() |
Converts the
point object from the Stage (global) coordinates
to the display object's (local) coordinates. | DisplayObject | |
![]() |
Checks whether the EventDispatcher object has any listeners registered for a specific type
of event.
| EventDispatcher | |
![]() |
Indicates whether an object has a specified property defined.
| Object | |
![]() |
Hides the drop indicator under the mouse pointer that indicates that a
drag and drop operation is allowed.
| ListBase | |
![]() |
Evaluates the display object to see if it overlaps or intersects with the
obj display object. | DisplayObject | |
![]() |
Evaluates the display object to see if it overlaps or intersects with the
point specified by the
x and y parameters. | DisplayObject | |
![]() |
Returns a box Matrix which can be passed to the
drawRoundRect() method
as the rot parameter when drawing a horizontal gradient. | UIComponent | |
![]() |
Get an item renderer for the index of an item in the data provider,
if one exists.
| ListBase | |
![]() |
Computes the offset into the data provider of the item
at colIndex, rowIndex.
| ListBase | |
![]() |
Initializes the internal structure of this component.
| UIComponent | |
![]() |
Initializes various properties which keep track of repeated instances
of this component.
| UIComponent | |
![]() |
Marks a component so that its
updateDisplayList()
method gets called during a later screen update. | UIComponent | |
![]() |
Refresh all rows on next update.
| ListBase | |
![]() |
Marks a component so that its
commitProperties()
method gets called during a later screen update. | UIComponent | |
![]() |
Marks a component so that its
measure()
method gets called during a later screen update. | UIComponent | |
![]() |
Determines if the item renderer for a data provider item
is highlighted (is rolled over via the mouse or
or under the caret via keyboard navigation).
| ListBase | |
![]() |
Determines if the item renderer for a data provider item
is selected.
| ListBase | |
![]() |
Determines if an item is being displayed by a renderer.
| ListBase | |
![]() |
Indicates whether an instance of the Object class is in the prototype chain of the object specified
as the parameter.
| Object | |
![]() |
Determines whether a renderer contains (or owns) a display object.
| ListBase | |
![]() |
Returns the index of the item in the data provider of the item
being rendered by this item renderer.
| ListBase | |
![]() |
Returns the dataTip string the renderer would display for the given
data object based on the dataTipField and dataTipFunction properties.
| ListBase | |
![]() |
Returns the class for an icon, if any, for a data item,
based on the iconField and iconFunction properties.
| ListBase | |
![]() |
Returns the item renderer for a given item in the data provider,
if there is one.
| ListBase | |
![]() |
Returns the string the renderer would display for the given data object
based on the labelField and labelFunction properties.
| ListBase | |
![]() |
Converts a
Point object from local to content coordinates. | UIComponent | |
![]() |
Converts the
point object from the display object's (local) coordinates to the
Stage (global) coordinates. | DisplayObject | |
![]() |
Measures a set of items from the data provider using the
current item renderer and returns the sum of the heights
of those items.
| ListBase | |
![]() |
Measures the specified HTML text, which may contain HTML tags such
as
<font> and <b>,
assuming that it is displayed
in a single-line UITextField using a UITextFormat
determined by the styles of this UIComponent. | UIComponent | |
![]() |
Measures the specified text, assuming that it is displayed
in a single-line UITextField using a UITextFormat
determined by the styles of this UIComponent.
| UIComponent | |
![]() |
Measures a set of items from the data provider using
the current item renderer and returns the
maximum width found.
| ListBase | |
![]() |
Moves the component to a specified position within its parent.
| UIComponent | |
![]() |
Propagate style changes to the children.
| UIComponent | |
![]() |
Returns
true if the chain of owner properties
points from child to this UIComponent. | UIComponent | |
![]() |
Called by Flex when a UIComponent object is added to or removed from a parent.
| UIComponent | |
![]() |
Prepares an IFlexDisplayObject for printing.
| UIComponent | |
![]() |
Indicates whether the specified property exists and is enumerable.
| Object | |
![]() |
Builds or rebuilds the CSS style cache for this component
and, if the
recursive parameter is true,
for all descendants of this component as well. | UIComponent | |
![]() |
For each effect event, register the EffectManager
as one of the event listeners.
| UIComponent | |
![]() |
Removes the specified
child DisplayObject instance from the child list of the DisplayObjectContainer instance. | DisplayObjectContainer | |
![]() |
Removes a child DisplayObject from the specified
index position in the child list of
the DisplayObjectContainer. | DisplayObjectContainer | |
![]() |
Removes a listener from the EventDispatcher object.
| EventDispatcher | |
![]() |
Replays the specified event.
| UIComponent | |
![]() |
Resolves a child by using the id provided.
| UIComponent | |
![]() |
[static]
Resumes the background processing of methods
queued by
callLater(), after a call to
suspendBackgroundProcessing(). | UIComponent | |
![]() |
Ensures that the data provider item at the given index is visible.
| ListBase | |
![]() |
Sizes the object.
| UIComponent | |
![]() |
Changes the position of an existing child in the display object container.
| DisplayObjectContainer | |
![]() |
Set the current state.
| UIComponent | |
![]() |
Sets the focus to this component.
| UIComponent | |
![]() |
Sets the availability of a dynamic property for loop operations.
| Object | |
![]() |
Sets a style property on this component instance.
| UIComponent | |
![]() |
Called when the
visible property changes. | UIComponent | |
![]() |
Displays a drop indicator under the mouse pointer to indicate that a
drag and drop operation is allowed and where the items will
be dropped.
| ListBase | |
![]() |
Lets the user drag the specified sprite.
| Sprite | |
![]() |
Ends the
startDrag() method. | Sprite | |
![]() |
Detects changes to style properties.
| UIComponent | |
![]() |
Flex calls the
stylesInitialized() method when
the styles for a component are first initialized. | UIComponent | |
![]() |
[static]
Blocks the background processing of methods
queued by
callLater(),
until resumeBackgroundProcessing() is called. | UIComponent | |
![]() |
Swaps the z-order (front-to-back order) of the two specified child objects.
| DisplayObjectContainer | |
![]() |
Swaps the z-order (front-to-back order) of the child objects at the two specified index positions in the
child list.
| DisplayObjectContainer | |
![]() |
Returns a string indicating the location of this object
within the hierarchy of DisplayObjects in the Application.
| FlexSprite | |
![]() |
Validates the position and size of children and draws other
visuals.
| UIComponent | |
![]() |
Validate and update the properties and layout of this object
and redraw it, if necessary.
| UIComponent | |
![]() |
Used by layout logic to validate the properties of a component
by calling the
commitProperties() method. | UIComponent | |
![]() |
Validates the measured size of the component
If the
LayoutManager.invalidateSize() method is called with
this ILayoutManagerClient, then the validateSize() method
is called when it's time to do measurements. | UIComponent | |
![]() |
Handles both the
valid and invalid events from a
validator assigned to this component. | UIComponent | |
![]() |
Returns the primitive value of the specified object.
| Object | |
![]() |
Returns a box Matrix which can be passed to
drawRoundRect()
as the rot parameter when drawing a vertical gradient. | UIComponent | |
![]() |
Checks whether an event listener is registered with this EventDispatcher object or any of
its ancestors for the specified event type.
| EventDispatcher | |
| TileList | () | constructor |
public function TileList()Constructor.
<?xml version="1.0"?>
<!-- Simple example to demonstrate the TileList Control. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
[Bindable]
[Embed(source="assets/Nokia_6630.png")]
public var phone1:Class;
[Bindable]
[Embed(source="assets/Nokia_6680.png")]
public var phone2:Class;
[Bindable]
[Embed(source="assets/Nokia_7610.png")]
public var phone3:Class;
[Bindable]
[Embed(source="assets/Nokia_lg_v_keypad.png")]
public var phone4:Class;
[Bindable]
[Embed(source="assets/Nokia_sm_v_keypad.png")]
public var phone5:Class;
]]>
</mx:Script>
<mx:Panel title="TileList Control Example" height="100%" width="100%"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:Label width="100%" color="blue"
text="A TileList control displays items in rows and columns."/>
<mx:TileList id="CameraSelection" height="250" width="300"
maxColumns="2" rowHeight="225" columnWidth="125">
<mx:dataProvider>
<mx:Array>
<mx:Object label="Nokia 6630" icon="{phone1}"/>
<mx:Object label="Nokia 6680" icon="{phone2}"/>
<mx:Object label="Nokia 7610" icon="{phone3}"/>
<mx:Object label="Nokia LGV" icon="{phone4}"/>
<mx:Object label="Nokia LMV" icon="{phone5}"/>
</mx:Array>
</mx:dataProvider>
</mx:TileList>
</mx:Panel>
</mx:Application>