CODEWITHSUNDEEP
iphoneobjective-ccocoa-touch
user594161
user594161

Reputation:

How Can I Recreate This UITableView Look?

Right now I have a standard UITableView that is empty by default and the user can add cells to it.

I noticed this app starts with no cells and is empty (like you cant see lines) but my standard view always has the lines like standard table view.

I thought it may be a grouped table style but the edges are not curved like the grouped style is.

Does anyone have any ideas?

enter image description here

Upvotes: 1

Views: 268

Answers (3)

dredful
dredful

Reputation: 4388

This is a good question. +1 What app is this? Does the view you show above actually "scroll" even though only 2 rows are showing? I am wondering if it is a truly a table view. It could be a series of UIViews added to a UIScrollView with a dark background.

Assuming the programmer knows how tall the "rows" are, then they can add them with a pixel spacing over the charcoal background. With the UIScrollView, the programmer can define the contentSize.

If more views were added to extend past off the screen and the contentSize was appropriately defined, the USScrollView would automatically allow scrolling at that point.

Selecting a "row" could be easily handled by UIGesture controls on each UIView.

*EDIT

After seeing the app, Delivery by JuneCload, it is definitely using a UITableView with custom cell views. As Mark and Matt have answered.

Upvotes: 0

Mark Granoff
Mark Granoff

Reputation: 16938

You can hide the separator lines by setting their color to the same color as your background, e.g.

tableView.separatorColor = [myApp theColorOfMyBackground]; // A UIColor object

Make sense?

The cells in your picture are likely custom cells, but you didn't really ask about that. :-)

EDIT: As noted in another answer seperatorStyle can be used to simply "turn off" the lines. That's a better way to do it.

Upvotes: 1

Matthew Frederick
Matthew Frederick

Reputation: 22305

The lines between cells are controlled by the separatorStyle property of your tableView. To remove the lines simply set:

tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

Your other options are UITableViewCellSeparatorStyleSingleLine and UITableViewCellSeparatorStyleSingleLineEtched.

Upvotes: 4

Related Questions