Share on Google+Share on Google+

TileList Control in Flex4

Advertisement
The TileList control displays a component in tile form vertically. The item will be displayed in vertical columns or horizontal rows.

TileList control in Flex4:

The TileList control displays a component in tile form vertically. The item will be displayed in vertical columns or horizontal rows. The Canvas layout Container is a MX component. There is no spark component. You can display a list of items and images in it. The items will be displayed from top to bottom. It looks like a VBox control and Tile Container. But it can be better than a Tile container. You can set the maxcolumn property value for showing a item. It contains a vertical scrollbar.
The tag of Tilelist control is <mx:TileList>.

Example:

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

minWidth="955" minHeight="600">

<s:Panel title="TileList Control Example" width="265" height="249">

<mx:TileList x="13" y="11"

maxColumns="2"

width="235" height="193">

<mx:dataProvider>

<fx:Array>

<fx:Object label="Java" icon="@Embed('C:/work/bikrant/flex4component/tilelist/java.jpg')"/>

<fx:Object label="iphone" icon="@Embed('/C:/work/bikrant/flex4component/tilelist/iphone.gif')"/>

<fx:Object label="PHP" icon="@Embed('/C:/work/bikrant/flex4component/tilelist/php.jpg')"/>

<fx:Object label="HTML" icon="@Embed('/C:/work/bikrant/flex4component/tilelist/html.png')"/>

<fx:Object label="Flex" icon="@Embed('/C:/work/bikrant/flex4component/tilelist/flex.jpg')"/>

</fx:Array>

</mx:dataProvider>

</mx:TileList>

</s:Panel>

</s:Application>

Output:

Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code

Advertisements

Advertisement

Posted on: May 31, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Advertisement