From the category archives:

TileList

The following example shows how you can set alternating background colors for tiles in a Flex TileList control by setting the alternatingItemColors style using MXML, CSS or ActionScript.

Full code after the jump.

[click to continue…]

{ 1 comment }

In a previous example, “Setting the column width of a tile in a TileList control in Flex”, we saw how you could change the width of a tile in a Flex TileList control by setting the columnWidth property.

The following example shows how you can set the row height of a tile in a Flex TileList control by setting the rowHeight property in MXML and ActionScript.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can set the column width of a tile in a Flex TileList control by setting the columnWidth property in MXML and ActionScript.

Full code after the jump.

[click to continue…]

{ 0 comments }

In a previous example, “Setting a specific number of columns in a TileList control in Flex”, we saw how to resize a TileList control based on a specific number of columns by setting the columnCount property.

The following example shows how you can resize a Flex TileList control to a certain number of rows by setting the rowCount property in MXML or ActionScript.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can resize a Flex TileList control to a certain number of columns by setting the columnCount property in MXML or ActionScript.

Full code after the jump.

[click to continue…]

{ 10 comments }

In previous examples, “Creating a simple image gallery with the Flex TileList control” and “Creating a simple image gallery with the Flex HorizontalList control”, we saw how you could create a simple image gallery using the TileList and HorizontalList controls.

The following example shows how you can load XML files using the HTTPService tag so that you can dynamically load different galleries.

Full code after the jump.

[click to continue…]

{ 18 comments }

The following example shows how you can toggle the item layout direction of the Flex TileList control by setting the direction property to “horizontal” or “vertical”.

Full code after the jump.

[click to continue…]

{ 1 comment }

The following example shows how you can enable or disable live dragging on a Flex TileList control by setting the liveScrolling property.

Full code after the jump.

[click to continue…]

{ 0 comments }

Creating a simple image gallery with the Flex TileList control

by Peter deHaan March 8, 2008

Similar to a previous example, “Creating a simple image gallery with the Flex HorizontalList control”, the following example shows how you can create a simple photo gallery in Flex using the TileList control, Image control, and the PopUpManager class.
Full code after the jump.

Read the full article →

Using the Flex TileList class’s new dataChangeEffect style in Flex 3

by Peter deHaan September 28, 2007

The following example shows how you can add nice list effects when items are reordered in a TileList control.
For more information on the new List and Data effects, see “Flex 3:Feature Introductions: List and Data Effects”.
Full code after the jump.

Read the full article →

Duplicating images using the Bitmap and BitmapData classes

by Peter deHaan August 3, 2007

In a previous post (Finding a pixel’s color value using the Bitmap classes and getPixel()) we looked at copying an image so we could build a simple color-picker like app. In this post, we explore duplicating a loaded image and copying it into a TileList control. Each time you press the “Copy image” button, a [...]

Read the full article →