TileList Control in Flex4


 

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 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

Ads