Swift Circle Image using image picker controller

Question

I'm making an app that needs to access users image gallery and when he chooses an image for his profile image should become rounded. Here is the screenshot of the problem:

and a sample code used in the project

@objc func makeImageRounded(image: UIImageView){
        image.layer.cornerRadius = image.frame.size.width / 2
        image.clipsToBounds = true
    }

this function is called in

   imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]){
            self.perform(#selector(makeImageRounded(image:)), with: profilePicture, afterDelay: 0)

    }

Possible duplicate of [Setting Corner Radius on UIImageView not working](https://stackoverflow.com/questions/4314640/setting-corner-radius-on-uiimageview-not-working) — Prashant Tukadiya, Feb 12 '18 at 07:44

Shehata Gamal · Answer 1 · 2018-02-12T07:47:38.167

1

Try , with imageView aspect ratio = 1

func viewDidLayoutSubviews
{
    image.layer.cornerRadius = image.frame.size.width / 2
    image.clipsToBounds = true

}

and call

self.view.layoutIfNeeded()

edited Feb 12 '18 at 07:47

answered Feb 12 '18 at 07:40

Shehata Gamal

98,760
8
65
87

I tried it and the result is the same didn't fix it – Dusan Dimic Feb 12 '18 at 07:42
that is the aspect ratio – Shehata Gamal Feb 12 '18 at 07:42

score 1 · Accepted Answer · answered Feb 12 '18 at 07:41

1

Your ImageView should have Equal widths and heights [200*200 / 100*100]

Set ImageView contenMode, ScaleToFill / AspectFill / AspectFit

image.backGroundcolor = UIColor.red // To check imageView is in Circular or not
image.layer.cornerRadius = image.frame.size.width / 2 // To get Rounded Corner

image.clipsToBounds = true // To Trim Outer frame

answered Feb 12 '18 at 07:41

McDonal_11

3,935
6
24
55

2

Using backgroundcolor showed me that my content mode was bad i changed content mode to Aspect Fill and that managed to fix the issue – Dusan Dimic Feb 12 '18 at 07:48

score 1 · Answer 3 · answered Feb 12 '18 at 07:46

Your imageView is not rounded ?

try

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

if it is still not working it is issue of content mode. you can check same with setting background colour of your imageView

if you set your content mode to aspectFill or scaleToFill then you can see image will be filled to bounds of it.

score 0 · Answer 4 · answered Feb 12 '18 at 07:56

0

imageView.layer.cornerRadius = image.frame.size.height / 2
imageView.clipsToBounds = true
self.view.layoutIfNeeded()

answered Feb 12 '18 at 07:56

Pratyush Pratik

683
7
14

Swift Circle Image using image picker controller

4 Answers4