Circular UIImageView in UITableView without performance hit?

Question

I have a UIImageView on each of my UITableView cells, that display a remote image (using SDWebImage). I've done some QuartzCore layer styling to the image view, as such:

UIImageView *itemImageView = (UIImageView *)[cell viewWithTag:100];     itemImageView.layer.borderWidth = 1.0f;     itemImageView.layer.borderColor = [UIColor concreteColor].CGColor;     itemImageView.layer.masksToBounds = NO;     itemImageView.clipsToBounds = YES; 

So now I have a 50x50 square with a faint grey border, but I'd like to make it circular instead of squared. The app Hemoglobe uses circular images in table views, and that's the effect I'd like to achieve. However, I don't want to use cornerRadius, as that degrades my scrolling FPS.

Here's Hemoglobe showing circular UIImageViews:

Is there any way to get this effect? Thanks.

Answer 1

Simply set the cornerRadius to half of the width or height (assuming your object's view is square).

For example, if your object's view's width and height are both 50:

itemImageView.layer.cornerRadius = 25; 

Update - As user atulkhatri points out, it won't work if you don't add:

itemImageView.layer.masksToBounds = YES; 

Answer 2

To Add border

self.ImageView.layer.borderWidth = 3.0f;  self.ImageView.layer.borderColor = [UIColor whiteColor].CGColor; 

For Circular Shape

self.ImageView.layer.cornerRadius = self.ImageView.frame.size.width / 2; self.ImageView.clipsToBounds = YES; 

Refer this link

http://www.appcoda.com/ios-programming-circular-image-calayer/