Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Rounded corners in a UITableView (iOS7)

In iOS7, how can I draw cell's rounded corners in a UITableView? See an example:

enter image description here

like image 319
joan Avatar asked Feb 26 '14 17:02

joan


People also ask

How do you round corners of cells in Swift?

To apply rounded corners, set a cornerRadius on both the layer and contentView. layer properties. On the contentView. layer , set masksToBounds to true so the contentView contents are clipped to the rounded corners.

How do you round the corners of a view?

You can give it round corners by changing the cornerRadius property of the view's layer . and smaller values give less rounded corners. Both clipsToBounds and masksToBounds are equivalent. It is just that the first is used with UIView and the second is used with CALayer .


Video Answer


2 Answers

Your UITableview contains UIView, so just use this below lines of code for making it rounded corners. Also write this below line of code inside your tableview methods

//If iOS version < 10

For Objective-C:

cell.contentView.layer.cornerRadius = 5; cell.contentView.layer.masksToBounds = YES; 

For Swift:

cell.contentView.layer.cornerRadius = 5 cell.contentView.layer.masksToBounds = true 

//If iOS version >= 10

For Objective-C:

cell.layer.cornerRadius = 5; cell.layer.masksToBounds = YES; 

For Swift:

cell.layer.cornerRadius = 5 cell.layer.masksToBounds = true 

Note: No need to import QuartzCore framework explicitly.

like image 84
Hussain Shabbir Avatar answered Sep 29 '22 06:09

Hussain Shabbir


I subclassed UITableViewCell and had to leave out contentView to make it work.

cell.layer.cornerRadius = 10 cell.layer.maskToBounds = true

like image 24
hidden-username Avatar answered Sep 29 '22 08:09

hidden-username