Tilelist image



Keywords: tilelist image
Description: The TileList control displays a tiled list of items. The items are tiled in vertical columns or horizontal rows. The TileList control is particularly useful in combination with a custom item

The TileList control displays a tiled list of items. The items are tiled in vertical columns or horizontal rows. The TileList control is particularly useful in combination with a custom item renderer for displaying a list of images and other data. The default item renderer for the TileList control is TileListItemRenderer. which, by default, displays text of the data provider’s label field and any icon. For more information about custom item renderers, see MX item renderers and item editors .

Flex also includes the Spark Tile layout. When possible, Adobe recommends that you use the Spark Tile layout with the Spark List control. For more information, see Spark List control .

The contents of a TileList control can look very similar to the contents of a Tile container in which a Repeater object repeats components. However, performance of a TileList control can be better than the combination of a Tile container and a Repeater object because the TileList control only instantiates the objects that fit in its display area. Scrolling in a TileList can be slower than it is when using a Repeater object. For more information about the Repeater object, see Dynamically repeating controls and containers .

The TileList control displays a number of items laid out in equally sized tiles. It often contains a scroll bar on one of its axes to access all items in the list depending on the direction orientation of the list. The user can select one or more items from the list depending on the value of the allowMultipleSelection property.

The TileList control lays out its children in one or more vertical columns or horizontal rows, starting new rows or columns as necessary. The direction property determines the primary direction of the layout. The valid values for the direction property are and horizontal (default) and vertical for a layout. In a horizontal layout the tiles are filled in row by row with each row filling the available space in the control. If there are more tiles than fit in the display area, the horizontal control has a vertical scroll. In a vertical layout, the tiles are filled in column by column in the available vertical space, and the control may have a horizontal scroll bar.

You use the <mx:TileList> tag to define a TileList control. Specify an id value if you intend to refer to a component elsewhere in your MXML, either in another tag or in an ActionScript block.

The TileList control shares many properties and methods with the List control; see MX List control for information on how to use several of these shared properties. The TileList control uses a list-based data provider. For more information, see Data providers and collections .

You specify the data for a TileList control by using the dataProvider property of the <mx:TileList> tag, as the following example shows:

In this example, you populate the data provider with an ArrayList that contains an Array of strings defining labels and data values. You then use the itemRenderer property to specify a Button control as the item renderer. The Button controls display the data provider label values. The TileList control displays nine Button controls with the specified labels.

The user clicks individual list items to select them, and holds down the Control and Shift keys while clicking to select multiple items.

All mouse or keyboard selections broadcast a change event. For mouse interactions, the TileList control broadcasts this event when the mouse button is released. When the user drags the mouse over the items and then outside the control, the control scrolls up or down.






Photogallery Tilelist image:


Tiles Overview | RadTile for ASP.NET AJAX Documentation


Overview


Q2 2013 Official Release for WPF and Silverlight controls


tile - Telerik TileList object disappear on inital loading - Stack ...


Brown Color Metal Roof Tile/list Translucent Materials/low Metal ...


TileList unusable after Upgrade - TileList - UI for Silverlight Forum


How to Build a Windows 8 Like Portal Page with Telerik's ASP


TMS Software | VCL Components for Delphi, C++Builder | TMS ...


pool-granite-tile-list-wooden-floor-chandelier-stairs-railings ...


Cladding strip facing tile - LIST-GLUE LAYING - SMORLESI GAETANA ...


GroupHeaderHeight_WPF.PNG


Villages Tudor (and a Mountain of Pewabic Tile) List for $285K ...


Scalar Properties and Collection Properties and Screens! Oh My ...


Scalar Properties and Collection Properties and Screens! Oh My ...


La presentacin "Adobe Flex Framework v3.5. Arquitectura (cliente)"


Bathroom. Spectacular Futuristic Bathroom Tiles Designs | Debota ...


Real Estate IDX Search


pool-granite-tile-list-wooden-floor-chandelier-stairs-railings ...


TMS Software | VCL Components for Delphi, C++Builder | TMS ...


Facundo Gonzalez en Taringa!