Creating a tiled photo grid?

[JustinW42]

I know how to create data grid forms with custom row templates, which has come in quite handy thus far. However, I have always wanted to make a tiled grid of photos, much like you see when you browse your photo album on your iPhone.... Anyone have any tips to get started, or is it something that is more trouble than its worth?

[Klaus]

Hi Justin,

don't have an iDevice, but you can also use a datagrid (of type FORM) for this!
Just create a "template" with a couple of empty image objects, should be
pretty straightforward!

This will also "free" you from creating lots of image objects manually or by script,
and group them etc., which will be neccessary anyway.

I have used this in the past for similar tasks and worked fine


Best

Klaus

[JustinW42]

Thanks for the tip! I guess I could create a row template that contains 3 image objects, then loop through my images array and assign 3 images at a time, while adding a new row each time through the loop..... I will mess around with it!

[Klaus]

Hi Justin,

Thanks for the tip! I guess I could create a row template that contains 3 image objects, then loop through my images array and assign 3 images at a time, while adding a new row each time through the loop...

EXACTLY!

I will mess around with it!

Be sure to get back here when it gets too messy


Best

Klaus

[JustinW42]

So far, so good.... I have the loop set up to assign the images to each row template, but I have not had enough time to really explore the options, yet.... Too many Livecode projects going on, at once! One question - how should I handle the "select image" subroutine? In other words (this is probably something stupid simple I am not thinking about right now), when a user clicks on a particular image in the grid, how do I determine which image is selected if it is part of the overall row, itself (which is currently storing 3 different images in the row data)?

[jacque]

See "the target" in the dictionary.