Why would not UIImageview be the perfect circle?

Question

let radius = self.bounds.width / 2
self.layer.cornerRadius = radius
self.layer.masksToBounds = true

I applied the above code But it creates a strange shape.

I do not know why and how to fix it.;;

You should make sure your width and height are the same and corner radius should be half of that value — Rakesha Shastri, Aug 30 '18 at 06:02
@RakeshaShastri Shouldn't radius be half of the width/height `let radius = self.bounds.width / 2`? — Satish, Aug 30 '18 at 06:04

score 3 · Answer 1 · answered Aug 30 '18 at 06:06

3

if width and height are equal this code works fine, change 2.5 to 2

let radius = self.bounds.width / 2
self.layer.cornerRadius = radius
self.layer.masksToBounds = true

answered Aug 30 '18 at 06:06

Shezad

756
7
14

2

if width and height are **not** equal, how we handle this scenario....? – Anbu.Karthik Aug 30 '18 at 06:09
2

@Anbu.karthik we won't get a perfect circle if width and height are not equal – Shezad Aug 30 '18 at 06:13
Sorry, that 's not the 2.5, but the 2 applied. I corrected the question. – hoyeong kim Aug 30 '18 at 06:14
@ Shezad - plz add the code for if width and height are not equal scenario – Anbu.Karthik Aug 30 '18 at 06:15
@hoyeongkim still you are not getting a perfect circle?? – Shezad Aug 30 '18 at 06:15
@Shezad If the width and height aren't equal then it isn't a circle, it is an elipse. – Nazmul Hasan Aug 30 '18 at 06:16
@Anbu.karthik if width and height are not equal you can't make a perfect circle or else you have to change the width or height to equal size – Shezad Aug 30 '18 at 06:17
Yes, it still looks the same. – hoyeong kim Aug 30 '18 at 06:17
@Nazmul Hasan I already applied a 1: 1 ratio. But it comes out like that – hoyeong kim Aug 30 '18 at 06:18
@Shezad would you share with us about `self.bounds.width` and `self.bounds.height` value – Nazmul Hasan Aug 30 '18 at 06:18
@hoyeongkim so i think issue with your constraints, how you are setting constraints? – Shezad Aug 30 '18 at 06:19
@Shezad - we can do with the help of beizerpath, – Anbu.Karthik Aug 30 '18 at 06:26
@Anbu.karthik yes you can – Shezad Aug 30 '18 at 06:27
@Anbu.karthik why don't you post the answer or link the duplicate? :D – Rakesha Shastri Aug 30 '18 at 06:33
I'm trying to apply the solutions you've given me. – hoyeong kim Aug 30 '18 at 06:37
The things in the general view controller are resolved by applying them to the viewdidappear. But I am not sure how to solve it in the tableview cell – hoyeong kim Aug 30 '18 at 06:40
@hoyeongkim try to use the extension in the link https://stackoverflow.com/a/37259630/8536028 – Shezad Aug 30 '18 at 06:43
@RakeshaShastri - thanks for valuable point, the ?'er posted the good answer also, but problem is constraint here, I am waiting for some different answer, but no body posted. – Anbu.Karthik Aug 30 '18 at 06:53
@Anbu.karthik if the problem is with constraint, you should give a fixed equal constraint or you should change it to an equal constraint. – Shezad Aug 30 '18 at 06:55
@Anbu.karthik you could use self.frame.size = CGSize(width: self.frame.width, height: self.frame.width) above the code to convert it to equal width and height, but i don't suggest this because it's not a good method – Shezad Aug 30 '18 at 07:01
@Anbu.karthik yes that is why i asked for the rest of the code. He probably has scale aspect to fit, but the imageView is not a square. But OP isn't posting the code _sigh_ – Rakesha Shastri Aug 30 '18 at 07:02
I think I got the wrong value from self.bound.frame but, It works well because it's declared in viewdidappear. Do you know why? – hoyeong kim Aug 31 '18 at 01:33

iVarun · Answer 2 · 2018-08-30T06:11:34.170

0

To make UIImageView circle you need to make sure you UIImageView's Height and Width should me same(square).

Use divide by 2 instead of 2.5:

let radius = self.bounds.width / 2

edited Aug 30 '18 at 06:11

answered Aug 30 '18 at 06:05

iVarun

6,496
2
26
34

Why is 2.5 applied? – hoyeong kim Aug 30 '18 at 06:10
@hoyeongkim It should be 2 instead of 2.5. i have edited my answer. – iVarun Aug 30 '18 at 06:12
Sorry, that 's not the 2.5, but the 2 applied;; – hoyeong kim Aug 30 '18 at 06:14
@hoyeongkim so `self.bounds.width / 2` is not working for you? – iVarun Aug 30 '18 at 06:15
Yes, it still looks the same. – hoyeong kim Aug 30 '18 at 06:17

score 0 · Answer 3 · answered Aug 30 '18 at 06:22

imgView.layer.borderWidth = 1
imgView.layer.masksToBounds = false
imgView.layer.borderColor = UIcolor.black.cgColor
imgView.layer.cornerRadius = self.frame.height/2
imgView.clipsToBounds = true
self.view.layoutIfNeeded()

try this code or may be your code is perfect just put self.view.layoutIfNeeded() in your code

Pratik Sodha · Accepted Answer · 2018-08-30T06:29:24.590

0

If wanna make perfect round view must be square.

And if your view have aspect ratio then apply corner radius after all constraints loaded for view.

For that you can apply radius view into viewDidAppear method. Or viewDidLayoutSubviews method. or apply radius using delay.

Update

func delay(_ seconds: Double, completion: @escaping () -> ()) {
    DispatchQueue.main.asyncAfter(deadline: .now() + seconds) {
        completion()
    }
}

edited Aug 30 '18 at 06:29

answered Aug 30 '18 at 06:24

Pratik Sodha

3,679
2
19
38

The things in viewcontroller are resolved by applying them to the viewdidappear. But how do you do things in a tableview cell? – hoyeong kim Aug 30 '18 at 06:39
their is `layoutSubviews` method for that. – Pratik Sodha Aug 30 '18 at 06:58

score -1 · Answer 5 · edited Aug 30 '18 at 07:04

-1

Make sure that the image height and width are same

override func viewDidLayoutSubviews() {
    let radius = yourImageOutlet.bounds.width / 2
    yourImageOutlet.layer.cornerRadius = radius
    yourImageOutlet.layer.masksToBounds = true
}

edited Aug 30 '18 at 07:04

Kuldeep

4,466
8
32
59

answered Aug 30 '18 at 06:47

Vishal Sharma

1,051
2
8
15

Why would not UIImageview be the perfect circle?

5 Answers5