How To Replicate This User Interface Design?

Question

I want to create a UI like the on in Mint.com app. Is it a UIScrollView with UITableView cells in it?

Notice how each block/cell has multiple data values in it.

Answer 1

This is all about customising the table view and table view cells. The best tutorial I've found is Cocoa with Love: Easy custom UITableView drawing. It's a good place to start.

Answer 2

This is a UITableView with UITableViewStyleGrouped and multiple sections. The spacing between sections appears to be increased from the default value.

The cell backgrounds have a slight gradient added to give them depth. Each section appears to have a different custom layout of labels, and, in the one case, a custom slider-like object. The object on the right is a standard UITableViewCellAccessoryDetailDisclosureButton.

You can achieve similar effects by subclassing UITableViewCell.