Iphone app homescreen tableview deconstruction

Question

Can anyone explain how the tableview in Imdb iphone homescreen is implemented ? here is the structure, if anyone havnt seen it

imdb logo -- searchbar

UIPageView

3 buttons movies -- tv -- celebs

table view with 2 cells --> 1st cell (Top News) different from the second (Showtimes)

then here is a thick line --> is this line a modified section header ?

a table view with 3 cells with images on the left

again the the thick line

then again table view with cells without any images

I have posted this question on assumption, that more than one tableview has been used.. Is there a single tableview in this homescreen or have they used more than one table view ?

how is the thick line made here ? any help is appreciated :) thanks

1 tableview or multiple tableviews ? then how the tableview is implemented ? — raw3d
1 tableview is more than enough... The separator can be applied after an interval of three cells or so .... — IronManGill

IronManGill IronManGill · Accepted Answer · 2012-10-15T10:27:14

Turn off the default separator style for the UITableView:

[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];

Then add the image of the separator accordingly to the indexpath of the cell after/before which you want the separator line in your cellForRowAtIndexPath using :

if(indexPath.row == 0)
{
UIImageView *separator = [UIImageView alloc] initWithImage:[UIImage imageNamed:@"separator.png"]];
[cell.contentView addSubview: separator];
}

Also check these links for further details :

http://www.dimzzy.com/blog/2012/01/separator-cells-for-uitableview/#disqus_thread

iPhone + UITableView + place an image for separator

Any doubts please ask .Thanks .

Iphone app homescreen tableview deconstruction

2 Answers