Objective c - Draw image with rounded corners in drawRect

objective-c uitableview uiimage rounded-corners drawrect
Eyal picture Eyal · May 30, 2012 · Viewed 7.1k times · Source

I have a UITableViewCell subclass with a UIImage as property.
I want to draw the image in drawRect, and to be efficient because this is a table view cell.

I know how to draw the image as it is: 

-(void)drawRect:(CGRect)aRect 
{
    CGRect rect = self.bounds;

    [self.image drawInRect:rect];
}

But how can I draw the image with rounded corners, and stay efficient?

BTW I don't want to use UIImageView and then set the layer corner radius because it seams to hurt performance.

Answer

Svein Halvor Halvorsen picture Svein Halvor Halvorsen · May 30, 2012

You need to create a clipping path:

CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextSaveGState(ctx);
CGPathRef clippath = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:radius].CGPath;
CGContextAddPath(ctx, clippath);
CGContextClip(ctx);
[self.image drawInRect:rect];
CGContextRestoreGState(ctx);

Related questions

UITableViewCell with image on the right?

Is there a way to set the UITableViewCell.image to display on the right hand side of the cell instead of the left? Or will I need to add a separate UIImageView on the right side of the cell layout?

Read More
UITableView Cell selected Color?

I have created a custom UITableViewCell. The table view is showing data fine. What I am stuck in is when user touches cell of tableview, then I want to show the background color of the cell other than the default […

Read More
Setting custom UITableViewCells height

I am using a custom UITableViewCell which has some labels, buttons and image views to be displayed. There is one label in the cell whose text is a NSString object and the length of string could be variable. Due to …

Read More