Question

I need one long scrollable view with 2 thumbnails (wallpapers) in every row.

Every thumbnail has also a button to share and download photo, and when you click the thumbnail it shows full size wallpaper. So I was thinking about making a custom view (200×200) which will contain thumbnail and two buttons, and add them dynamically to scroll view depending how many wallpapers are on server.

Something like this:

NSUInteger i;
int xCoord=0;
int yCoord=0;
int thumbnailWidth=200;
int thumbnailHeight=200;
int buffer = 10;
for (i = 1; i <= [items count]; i++)
{
    UIView *aView = [[ThumbnailView alloc] initWithThumnailAtIndex: i ];
    aView.frame     = CGRectMake(xCoord, yCoord, thumbnailWidth, thumbnailHeight );
    [scrollView addSubview:aView];

    xCoord += thumbnailWidth + buffer;
    yCoord += thumbnailHeight + buffer;
}
[scrollView setContentSize:CGSizeMake(700, yCoord)];

Do you think that is a good way to do this?
Also, how would I handle lazy loading of thumbnails if there are a lot of thumbnails in scrollview?

Answer 1

As everybody else here has said, use a UITableView. I will add that you should use a custom UITableViewCell subclass. Create the class, then use Storyboards to make a table view scene with prototype cells. Set the class of the prototype cell to your cell subclass. Add as many imageview, labels, buttons, whatever nonsense you want to the prototype cell on the storyboard, then hook those up to your custom class using IBOutlets. Now when it’s time to display something in the cell, just pass an object or dictionary containing all the info that’s needed to the custom cell subclass, and have it populate the various view via the outlets. Here’s a tutorial: http://www.techotopia.com/index.php/Using_Xcode_Storyboards_to_Build_Dynamic_TableViews_with_Prototype_Table_View_Cells