class
TileList
extends mx.controls.listclasses.ItemList
The TileList control displays a number of items laid out in tiles. It usually contains a scroll bar on one of its axes to access all items in the list depending on the direction. The user can select one or more items from the list depending on the value of the multipleSelection property.
MXML Syntax
The <mx:TileList> tag inherits all the properties of its parent classes, and also implements the following properties:
columnCount:
Number The number of columns displayed in a TileList control.
direction:
String Specifies the direction in which the tile wrap.
hScrollPolicy:
String Whether the horizontal scroll bar is always on, always off, or automatically changes based on the parameters passed to the setScrollProperties() method.
vScrollPolicy:
String Whether the horizontal scroll bar is always on, always off, or automatically changes based on the parameters passed to the setScrollProperties() method.
The number of columns displayed in a TileList control. This can be set explicitly or will be computed by the TileList control based on the values of the width and itemWidth properties.
direction
direction:
String
Specifies the direction in which the tile wrap. Value is vertical. where subsequent items go down and then right, or horizontal, where subsequent items go right and then down.
Whether the horizontal scroll bar is always on, always off, or automatically changes based on the parameters passed to the setScrollProperties() method. Allowed values are on, off, auto. The default value is off.
itemHeight
itemHeight:
Number
The height of each item. The list does not resize items automatically. It determines item size based on the values of the itemWidth and itemHeight properties.
itemWidth
itemWidth:
Number
The width of each item. The list does not resize items automatically. It determines item size based on the values of the itemWidth and itemHeight properties.
rowCount
rowCount:
Number
The number of rows displayed in a TileList control. This can be set explicitly or is computed by the TileList control based on the the values of the heightitemHeight properties.
version
static
version:
String
Version string for this class.
vScrollPolicy
vScrollPolicy:
String
Whether the horizontal scroll bar is always on, always off, or automatically changes based on the parameters passed to the setScrollProperties() method. Allowed values are on, off, auto. The default value is auto.
Examples
TileListExample.mxml
<?xml version="1.0"?>
<!-- Simple example to demonstrate the TileList Control -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" height="100%" backgroundColor="#FFFFFF">
<mx:Script>
<![CDATA[
[Embed(source="FlexLogo.gif")]
var iconSymbol1:String;
[Embed(source="shockwave.gif")]
var iconSymbol2:String;
[Embed(source="breeze.png")]
var iconSymbol3:String;
[Embed(source="flash.png")]
var iconSymbol4:String;
]]>
</mx:Script>
<mx:Panel title="Tile List Panel" marginTop="10" height="100%">
<mx:TileList id="SoftwareSelection" height="100%" itemWidth="150" rowCount="2" columnCount="2">
<mx:dataProvider>
<mx:Array>
<mx:Object label="Macromedia Flex" icon="{ iconSymbol1 }"/>
<mx:Object label="Macromedia Shockwave" icon="{ iconSymbol2 }"/>
<mx:Object label="Macromedia Breeze" icon="{ iconSymbol3 }"/>
<mx:Object label="Macromedia Flash" icon="{ iconSymbol4 }"/>
</mx:Array>
</mx:dataProvider>
</mx:TileList>
</mx:Panel>
</mx:Application>
Comments
Krxtopher
said on
Sep 27, 2005
at
5:27 PM :
Although not documented here, the TileList supports the getDropLocation() method for use with drag-drop interactions. This method returns the index number at which the item(s) were dropped
Comments
Krxtopher said on Sep 27, 2005 at 5:27 PM :