Image disappears when SetMasksToBounds:YES

Question

Referencing this answer, I'm trying to make a UIImageView display a circular image. I generated a mask and tried using that image to mask it but that didn't work either.

When I try to mask the image, or change the corners nothing happens. That's this: [proPic.layer setCornerRadius:proPic.frame.size.width/2];

When I call [proPic.layer setMasksToBounds:YES]; the image disappears completely. Same thing when I tried using a third party library to mask the image.

Any advice?

EDIT:

//Profile Picture
proPic = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"DummyProPic"]];
//Mask Profile Picture to be circular
[proPic.layer setCornerRadius:proPic.frame.size.width/2];
//With this line added, the picture disappears
//Without this line, nothing is done to mask the image
[proPic.layer setMasksToBounds:YES];

[self.contentView addSubview:proPic];
[proPic mas_makeConstraints:^(MASConstraintMaker *make) {

    make.top.equalTo(self.contentView.mas_top).with.offset(padding.top);
    make.centerX.equalTo(self.contentView.mas_centerX);
    make.height.equalTo(@120);
    make.width.equalTo(@120);
}];

Your code looks fine, are you sure that `proPic` is declared with a `IBOutlet ` and that to the left (next to the line numbers), there is a little filled circle indicating that there is a connection to your storyboard (assuming that's what you're using)? — paulvs, Apr 03 '15 at 02:25
I'm not using storyboard. I'll see if I have more relevant code. — jboulter11, Apr 03 '15 at 02:35
If you remove the cornerRadius code, is the image still missing? — Stephen, Apr 03 '15 at 02:42
No, if I remove the corner line the image stays unmasked as if nothing was being done to it. — jboulter11, Apr 03 '15 at 03:17

score 0 · Answer 1 · answered Apr 03 '15 at 02:43

0

You should remove the .layer for masking to bounds. Try:

[proPic setMasksToBounds:YES];

answered Apr 03 '15 at 02:43

Stephen

1,427
1
17
42

Not a method of UIImageView – jboulter11 Apr 03 '15 at 03:16

score 0 · Answer 2 · answered Apr 03 '15 at 03:20

0

[proPic.layer setCornerRadius:60];
[proPic.layer setMasksToBounds:YES];

This works, it doesn't like the proPic.frame.size.width/2 part.

answered Apr 03 '15 at 03:20

jboulter11

152
1
2
12

score 0 · Answer 3 · answered Apr 03 '15 at 06:54

0

If setMasksToBounds create problem then remove the masking and you can try with following

proPic.clipsToBounds=YES;

it may help you.

answered Apr 03 '15 at 06:54

Jatin Patel - JP

3,725
2
21
43

Image disappears when SetMasksToBounds:YES

3 Answers3