iPhone personalized table Rounded corner table

844 Views Asked by At

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

2

There are 2 best solutions below

0
Rahul Wakade On BEST ANSWER

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;
0
A-Live On
  • 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.