Display images in grid

Solar2D General Questions/Discussion
#1

Hello all.

Am new to Corona and Lua, mainly a VB developer. Have a question which I am sure is very simple to you.

I want to display images in a sort of grid as per the image attached…
Only at the moment I am doing it using the following code, I know this must be possible using a for loop in about 4 lines of code, can anyone help me??

  
local txt=display.newText('Please browse through our catalouge',10,18, "Arial",18)  
  
DynamicImage = display.newImageRect( "7c15c9344ffaceca7ef44ee8c2614cf1.jpeg", 80, 80)  
DynamicImage:setReferencePoint(display.CenterReferencePoint)  
DynamicImage.x = 60  
DynamicImage.y = 100  
  
DynamicImage1 = display.newImageRect( "5dce67ecfe8a7fe432db1b55362ce752.jpeg", 80, 80)  
DynamicImage1:setReferencePoint(display.CenterReferencePoint)  
DynamicImage1.x = 160  
DynamicImage1.y = 100  
  
DynamicImage2 = display.newImageRect( "6b77b6a197bada0948d737780b5cdc45.jpeg", 80, 80)  
DynamicImage2:setReferencePoint(display.CenterReferencePoint)  
DynamicImage2.x = 260  
DynamicImage2.y = 100  
  
DynamicImage = display.newImageRect( "7c15c9344ffaceca7ef44ee8c2614cf1.jpeg", 80, 80)  
DynamicImage:setReferencePoint(display.CenterReferencePoint)  
DynamicImage.x = 60  
DynamicImage.y = 200  
  
DynamicImage1 = display.newImageRect( "5dce67ecfe8a7fe432db1b55362ce752.jpeg", 80, 80)  
DynamicImage1:setReferencePoint(display.CenterReferencePoint)  
DynamicImage1.x = 160  
DynamicImage1.y = 200  
  
DynamicImage2 = display.newImageRect( "6b77b6a197bada0948d737780b5cdc45.jpeg", 80, 80)  
DynamicImage2:setReferencePoint(display.CenterReferencePoint)  
DynamicImage2.x = 260  
DynamicImage2.y = 200  
  
DynamicImage = display.newImageRect( "7c15c9344ffaceca7ef44ee8c2614cf1.jpeg", 80, 80)  
DynamicImage:setReferencePoint(display.CenterReferencePoint)  
DynamicImage.x = 60  
DynamicImage.y = 300  
  
DynamicImage1 = display.newImageRect( "5dce67ecfe8a7fe432db1b55362ce752.jpeg", 80, 80)  
DynamicImage1:setReferencePoint(display.CenterReferencePoint)  
DynamicImage1.x = 160  
DynamicImage1.y = 300  
  
DynamicImage2 = display.newImageRect( "6b77b6a197bada0948d737780b5cdc45.jpeg", 80, 80)  
DynamicImage2:setReferencePoint(display.CenterReferencePoint)  
DynamicImage2.x = 260  
DynamicImage2.y = 300  
  
DynamicImage = display.newImageRect( "7c15c9344ffaceca7ef44ee8c2614cf1.jpeg", 80, 80)  
DynamicImage:setReferencePoint(display.CenterReferencePoint)  
DynamicImage.x = 60  
DynamicImage.y = 400  
  
DynamicImage1 = display.newImageRect( "5dce67ecfe8a7fe432db1b55362ce752.jpeg", 80, 80)  
DynamicImage1:setReferencePoint(display.CenterReferencePoint)  
DynamicImage1.x = 160  
DynamicImage1.y = 400  
  
DynamicImage2 = display.newImageRect( "6b77b6a197bada0948d737780b5cdc45.jpeg", 80, 80)  
DynamicImage2:setReferencePoint(display.CenterReferencePoint)  
DynamicImage2.x = 260  
DynamicImage2.y = 400

http://imageshack.us/photo/my-images/535/screenshot20111202at225.png [import]uid: 107975 topic_id: 18540 reply_id: 318540[/import]

#2

something like that, i suppose?

[lua]local whiteTable = {}
local greenTable = {}
local redTable = {}

for i=1,4 do

local whiteRect = display.newRect(0,0,70,70)

whiteRect.x = 70

whiteRect.y = 70+(i-1)*100

whiteTable[i] = whiteRect

local greenRect = display.newRect(0,0,70,70)
greenRect:setFillColor(0,255,0)

greenRect.x = 170

greenRect.y = 70+(i-1)*100

greenTable[i] = whiteRect

local redRect = display.newRect(0,0,70,70)

redRect:setFillColor(255,0,0)

redRect.x = 270

redRect.y = 70+(i-1)*100

greenTable[i] = greenRect

end[/lua] [import]uid: 16142 topic_id: 18540 reply_id: 71152[/import]

#3

Thats kind of what I want but each picture will be unique, the repeats the same rects, is there another way? [import]uid: 107975 topic_id: 18540 reply_id: 71155[/import]

#4

yeah, you can actually
[lua]local whiteTable = {“planet1.png”, “planet2.png”, “planet3.png”, “planet4.png”}
local t = {}
for i=1,4 do

local whiteRect = display.newImageRect(whiteTable[i],70,70)

whiteRect.x = 70

whiteRect.y = 70+(i-1)*100

t[i] = whiteRect

end[/lua]

change “planets” to your images, repeat [import]uid: 16142 topic_id: 18540 reply_id: 71160[/import]

#5

Thanks alot, still not quite how I want it but enough for me to play around. [import]uid: 107975 topic_id: 18540 reply_id: 71164[/import]