How to make an Image View round in Swift 5

Question

I have used the following method to make the image rounded, but the results are not the desired ones. I have shared my code and the result in the description below. Any suggestions would be highly appreciated. Thanks!

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var image1: UIImageView!

override func viewDidLoad() {
    super.viewDidLoad()
    
    DispatchQueue.main.async(execute:{self.image1.setRounded()})
    
    
    // Do any additional setup after loading the view.
}

extension UIImageView {

func setRounded() {
    let radius = self.frame.width / 2
    self.layer.cornerRadius = radius
    self.layer.masksToBounds = true
    }

}

Results :-

Frankenstein · Answer 1 · 2020-07-27T19:38:18.870

1

To make the image rounded, you have to make the height equal to the width. And then try:

extension UIImageView {
    func setRounded() {
        layer.cornerRadius = bounds.height/2
        layer.masksToBounds = true
    }
}

And call it inside viewDidLayoutSubviews.

override func viewDidLayouSubviews() {
   super.viewDidLayouSubviews()
   image1.setRounded()
}

edited Jul 27 '20 at 19:38

answered Jul 27 '20 at 19:32

Frankenstein

15,732
4
22
47

Thanks for the help! But, now it's giving me a square image! – Pressing_Keys_24_7 Jul 27 '20 at 19:36
To make the image rounded, you have to make the height equal to the width. – Frankenstein Jul 27 '20 at 19:38
Apart from the height and the width do I have to remove any other constraints? – Pressing_Keys_24_7 Jul 27 '20 at 19:40
Cause I have made the height and width equal but it still doesn't work for me! – Pressing_Keys_24_7 Jul 27 '20 at 19:40
Could you make sure they are constrained with the same height and width constants? – Frankenstein Jul 27 '20 at 19:43

How to make an Image View round in Swift 5

1 Answers1