iPhone personalized table Rounded corner table

Question

I don't have too much experience on iphone screen designs but I need to make a table like this: (image), I made an investigation but I didn't find anything. This table needs to have a rounded corner and the user will be able to insert data, in this case first name, last name, etc... Right now I'm using SDK 4.3. if someone have an tutorial I would appreciate

Thank you,

editable rounded corner table

Hey, the table has rounded corners as it is a grouped table, check Interface Builder and there is an option for it to be grouped in the tables properties. You then have to implement UITableViews delegate methods. — bennythemink, Jun 19 '12 at 02:00

score 5 · Accepted Answer · edited Jun 19 '12 at 06:39

5

You can customize table border. All you need to do is import QuartzCore/QuartzCore.h file.

and set following properties in viewDidLoad

tableView.layer.cornerRadius = 10.0f;
tableView.layer.borderColor = [UIColor grayColor].CGColor;
tableView.layer.borderWidth = 1;

edited Jun 19 '12 at 06:39

Jon Lin

142,182
29
220
220

answered Jun 19 '12 at 06:28

Rahul Wakade

4,765
2
23
25

score 0 · Answer 2 · answered Jun 18 '12 at 23:22

The first google result for custom uitableview does something alike, hard to customize and not very flexible, but it looks very pretty and saves a lot of drawing-implementation time (you can override drawRect for the custom appearance).
For the more reusable solution with several controls over the cell you can subclass UITableViewCell, add and stylize the subviews as you need (title labels, textviews, dividers), override layoutSubviews. You'll probably want to add the editing listeners to animate the textViews getting larger and the divider moving aside. That general solution works for any UI control (e.g. you can quickly make a checkbox with a button) and the approach.

iPhone personalized table Rounded corner table

2 Answers2