UIImageView cornerRadius is not making it circle

Question

I've a viewController that is presented inside a UIView as I'm using CarbonKit to make tabs like android.

I've a userProfileViewController which I'm showing under one of the tabs and this has the UIImageView which I'm making trying to show in a circle by using this code:

self.userDisplayPic.layer.cornerRadius = self.userDisplayPic.frame.size.width / 2;
self.userDisplayPic.clipsToBounds = true

and the result is:

My guess is that it may be because of the autoresizing when presented inside a UIView might be compressing the design but other elements specially the update button seems fine. SO any suggestions how this can be fixed?

The problem is probably when you are execution this. If it is in `viewDidLoad` move it to `viewDidLayoutSubviews` or change your constraints — Leo Dabus, Oct 06 '17 at 05:40
Another option is to create a new image to use in your image view https://stackoverflow.com/questions/29046571/cut-a-uiimage-into-a-circle-swiftios/29047372#29047372 — Leo Dabus, Oct 06 '17 at 05:47

score 6 · Answer 1 · answered Oct 06 '17 at 05:19

6

Try to set cornerRadius in viewWillLayoutSubviews, It'll use actual width for radius.

override func viewWillLayoutSubviews() {
        self.userDisplayPic.layer.cornerRadius = self.userDisplayPic.frame.size.width / 2;
        self.userDisplayPic.clipsToBounds = true
    }

answered Oct 06 '17 at 05:19

Varun Naharia

5,318
10
50
84

1

Thank you , it work for me. It took me several hours～ – Antony Wong Aug 09 '18 at 08:26

score 3 · Answer 2 · answered Oct 06 '17 at 05:22

Some time self.view.layoutIfNeeded() is required

Try this code

 DispatchQueue.main.async {
         self.view.layoutIfNeeded()    

        self.userDisplayPic.layer.cornerRadius = self.userDisplayPic.frame.size.width / 2;
        self.userDisplayPic.clipsToBounds = true
        self.view.layoutIfNeeded()    


  }

iPatel · Accepted Answer · 2017-10-06T05:50:05.210

2

It's because your self.userDisplayPic's height and width are not same first make it same then below code will be worked for you.

self.userDisplayPic.layer.cornerRadius = self.userDisplayPic.frame.size.width / 2;
self.userDisplayPic.clipsToBounds = true

And write those code in viewWillLayoutSubviews or viewWillAppear method

edited Oct 06 '17 at 05:50

answered Oct 06 '17 at 05:15

iPatel

46,010
16
115
137

score 0 · Answer 4 · answered Oct 06 '17 at 05:29

0

 self.userDisplayPic.layer.cornerRadius = userDisplayPic.frame.height/2
 self.userDisplayPic.clipsToBounds = true

answered Oct 06 '17 at 05:29

Madhuri Agrawal

66
3

UIImageView cornerRadius is not making it circle

4 Answers4