rounded corner in UIImageView

Question

I have the following code:

[avatar.layer setBorderColor:[[UIColor whiteColor] CGColor]];
[avatar.layer setBorderWidth:2.0];
[avatar.layer setShadowOffset:CGSizeMake(-1.0, -1.0)];
[avatar.layer setCornerRadius:8];

It does give me a rounded white border surrounding the UIImage, however there is that extra tip around the 4 corners.. is there a way to cut it off?

enter image description here

score 7 · Accepted Answer · answered May 30 '11 at 00:03

7

setMasksToBounds is probably what you are looking for.

[avatar.layer setMasksToBounds:YES];

answered May 30 '11 at 00:03

Sascha

5,903
3
24
20

While setMaskToBounds will clip the view, I am pretty sure, the shadow will not be shown either (because it is clipped as well). So you might need to work around that by putting the clipped view into another larger view to enable the shadow. – marcus May 30 '11 at 07:45
what's the inside for this? – LiangWang Jan 14 '13 at 09:20

score 0 · Answer 2 · answered Jun 16 '12 at 21:26

-(UIImage *)makeRoundedImage:(UIImage *) image 
                      radius: (float) radius;
{
  CALayer *imageLayer = [CALayer layer];
  imageLayer.frame = CGRectMake(0, 0, image.size.width, image.size.height);
  imageLayer.contents = (id) image.CGImage;

  imageLayer.masksToBounds = YES;
  imageLayer.cornerRadius = radius;

  UIGraphicsBeginImageContext(image.size);
  [imageLayer renderInContext:UIGraphicsGetCurrentContext()];
  UIImage *roundedImage = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();

  return roundedImage;
}

rounded corner in UIImageView

2 Answers2