How to round a single corner of an image used in a Grouped-style UITableView on iPhone

Question

I have a custom UITableViewCell with a UIImageView that is overlapping the round corners on the first and last cell. Given that I am able to determine which cell is the first/last, is there an easy method for rounding a single corner (either top-left or bottom-left) of a UIImage so that it will look good?

Answer 1

Rounding of corners can be done with a mask, or a rounded corner UIImage and the right blend mode.

Answer 2

Ok, using the original addRoundedRectToPath, I was able to accomplish rounding only one corner by adding the follow:

commented //CGContextAddArcToPoint(context, fw, 0, fw, fh/2, 1); // square bottom right and top right edges CGContextAddLineToPoint(context, fw, 0); CGContextAddLineToPoint(context, fw, fh); CGContextAddLineToPoint(context, fw/2, fh);

  // From here... comment out one of the following...

  // square top left
  CGContextAddLineToPoint(context, 0, fh);
  CGContextAddLineToPoint(context, 0, fh/2);

  // square bottom left
  CGContextAddLineToPoint(context, 0, fh/2);
  CGContextAddLineToPoint(context, 0, 0);
  CGContextAddLineToPoint(context, fw/2, 0);

I know there is an easier way to do this, but that works for now.

Answer 3

try this out.

CALayer *l = [img layer];
[l setMasksToBounds:YES];
[l setCornerRadius:5.0];  
[l setBorderWidth:1.0];
[l setBorderColor:[[UIColor blackColor] CGColor]];

best of luck