CODEWITHSUNDEEP
iphoneobjective-ciosxcodeuser-interface
Jon
Jon

Reputation: 4732

How To Replicate This User Interface Design?

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.

enter image description here

Upvotes: 2

Views: 326

Answers (2)

drekka
drekka

Reputation: 21883

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.

Upvotes: 7

PengOne
PengOne

Reputation: 48398

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.

Upvotes: 6

Related Questions