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

Answer 1

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 .

Answer 2

@raw3d- the thick line can be section with image(thickline image).

and i dont think so they have used different tableview ,they may have used tableview with section and with different cell for different section.

Hope this link will help you link