Question

I’m trying to display a grid view in a portrait and horizontal view of the iPad. Right now im just trying to pull this off on the portrait view, so you will see the according X, Y in the following code where i’m stuck.

- (void)renderPlaylist {
cellsArray = [[NSMutableArray alloc] init];
CGFloat xPos = 0.0f;
CGFloat yPos = 0.0f;
int i = 4;
int y = 1;
int p = 1;

for (BCVideo *video in [[self playlist] videos]) {

if (i > 0) {  
    ScrollCellViewController *cell = [[ScrollCellViewController alloc] initWithBCVideo:video];
    [cell setDelegate:self];
    [[cell view] setFrame:CGRectMake(xPos, yPos, 768.0f, 245.0f)];

    [scrollView addSubview:[cell view]];
    [cellsArray addObject:cell];
    yPos = y * 235.0f;
    y++;
    i--;
}else{
    i = 4;
    xPos = p * 245.0f;
    yPos = 0.0f;
    y = 1;
    p++; 
}
    //blabla lazy
    CGSize size = CGSizeMake(2000.0f, 2000.0f);
    [scrollView setContentSize:size];
}

}

The total of videos is 17. I want to display 4 videos in each row, and then move right, for the next row, the scroll view will be horizontal (like the TED app). It obviously needs to display four rows of 4, and then one row of 1. This currently outputs 3 rows of 4, and then 1 of 2. For a total of 14?

what?

exactly.

If i adjust the code to rows of 5, you get a total of 15 videos. If i just the code to rows of 6, you get a total of 16 videos.

Screenshot http://i53.tinypic.com/15oj687.png

Answer 1

Solution:

- (void)renderPlaylist {
cellsArray = [[NSMutableArray alloc] init];
CGFloat xPos = 0.0f;
CGFloat yPos = 0.0f;

// y => counter for position of vertical videos
int y = -1;
// p => number of rows
int p = 0;
// r => check 
int r = 0;

for (BCVideo *video in [[self playlist] videos]) {
    r++;
// vertical rows
if (y < 3) {  
    y++;      
    yPos = y * 200.0f;
}else{
    // move sideways to the right one row, and reset the vertical row 
    p++;
    xPos = p * 255.0f;
    yPos = 0.0f;
    y = 0;
}
    //print video
    ScrollCellViewController *cell = [[ScrollCellViewController alloc] initWithBCVideo:video];
    [cell setDelegate:self];
    [[cell view] setFrame:CGRectMake(xPos, yPos, 255.0f, 210.0f)];

    [scrollView addSubview:[cell view]];
    [cellsArray addObject:cell];
    CGSize size = CGSizeMake(xPos + 250.0f, 1024.0f);
    [scrollView setContentSize:size];
} 
}