0

I'm try to round the top two corner of a uiimageview but the following code doesn't show rounded corner only the normal image. Am I missing something? Thx

        UIImageView * imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 328)];
imgView.backgroundColor = [UIColor clearColor];
imgView.contentMode = UIViewContentModeScaleAspectFill;
imgView.image = image;
CAShapeLayer * shapeLayer = [CAShapeLayer layer];


shapeLayer.path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, 320, 328) byRoundingCorners:2 cornerRadii:CGSizeMake(20.0, 20.0)].CGPath;

    shapeLayer.frame = CGRectMake(0, 0, 320, 328);

    self.profilePictureView.layer.mask = shapeLayer.mask;

    self.profilePictureView.layer.masksToBounds = YES;
    [cell.contentView addSubview:self.profilePictureView];
    cell.contentView.backgroundColor = [UIColor clearColor];
Nicolas Manzini
  • 8,379
  • 6
  • 63
  • 81

1 Answers1

6

This works for me

- (void)viewDidLoad
    {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

//Just to add contrast
[self.view setBackgroundColor:[UIColor blackColor]];

UIImage * image = [UIImage imageNamed:@"logo3w.png"];
UIImageView * imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 328)];
imgView.contentMode = UIViewContentModeScaleAspectFill;
imgView.image = image;
// Add the imageView to your view heirarchy, UITableViewCell or otherwise
[self.view addSubview:imgView];

CAShapeLayer * shapeLayer = [CAShapeLayer layer];
//Setting the background color of the masking shape layer to clear color is key
//otherwise it would mask everything 
shapeLayer.backgroundColor = [UIColor clearColor].CGColor;
    shapeLayer.path = [UIBezierPath bezierPathWithRoundedRect:imgView.bounds byRoundingCorners: UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii:CGSizeMake(20.0, 20.0)].CGPath;

imgView.layer.masksToBounds = YES;
imgView.layer.mask = shapeLayer;
//Be sure to set the frame of the maskingLayer to be the bounds of the layer you want to   mask
shapeLayer.frame = imgView.layer.bounds;

//    self.profilePictureView had never been assigned imgView what we want to mask
//    self.profilePictureView.layer.mask = shapeLayer.mask;
//    self.profilePictureView.layer.masksToBounds = YES;

//    [cell.contentView addSubview:self.profilePictureView];
//    cell.contentView.backgroundColor = [UIColor clearColor];
}

Let me know if it works or if you have more questions!

clearwater82
  • 1,746
  • 14
  • 9
  • It works perfectly thanks. Unfortunately the picture is too big for a tableview the scrolling freeze too much... I think i will need to redraw the picture in a context... But thank! I think the line way shapelayer.frame = imgView.layer!!!.bounds – Nicolas Manzini Aug 30 '12 at 17:41
  • This works, but just be careful - mask and masksToBounds can kill performance so make sure you don't have a huge view or lots of views. – jjxtra Apr 18 '13 at 20:43