Swift UIImage full width of screen

Question

I have the UIImage like so:

let imageView = UIImageView(image: image!)

imageView.contentMode = .scaleToFill

self.view.addSubview(imageView)

What I am trying to do it make the image full width of the screen, I have tried scaleToFill, scaleAspectFit and scaleAspectFill neither of them do anything...what am I doing wrong?

Here is my full code:

getLandGradingImage(image: imageData!) { result in
    let image = UIImage(data: result)

    if image != nil {
        let imageView = UIImageView(image: image!)

        imageView.contentMode = .scaleAspectFit

        //Add Image to view
        self.view.addSubview(imageView)
    } else {
        self.customAlert(title: "Error", message: "Unable to get images")
    }

}

There is too little information here to determine anything. Where are you giving the image view a size and position? What are you adding the image view to? Is this in a view controller? Which method are you adding it in? Are you using AutoLayout? How big is the image? — Fogmeister
– Fogmeister, Commented May 23, 2018 at 14:16
The image size is 1024, no I am not using AutoLayout, this is in a view controller — user979331
– user979331, Commented May 23, 2018 at 14:18
I suggest adding the UIImageView to the view BEFORE downloading the image. Use autolayout constraints to position it and size it. Then just set the image in the completion here. — Fogmeister
– Fogmeister, Commented May 23, 2018 at 14:22

Alexey Kudlay · Accepted Answer · 2018-05-23 14:28:06Z

3

let imageView = UIImageView(image: image!)
imageView.contentMode = .scaleAspectFill
imageView.frame = self.view.bounds
imageView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
self.view.addSubview(imageView)

edited May 23, 2018 at 14:28

answered May 23, 2018 at 14:20

Alexey Kudlay

5252 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user979331 Over a year ago

Still looks a little squished

Alexey Kudlay Over a year ago

use imageView.contentMode = .scaleAspectFill

morenoadan22 · Accepted Answer · 2018-05-23 14:25:22Z

3

You have to make your UIImageView frame the size of the area you want to fill. You can do this by setting the frame explicitly or using auto-layout (recommended).

method 1:

let imageView = UIImageView(image: image!)
imageView.frame = self.view.frame;
imageView.contentMode = .scaleAspectFit
//Add Image to view
self.view.addSubview(imageView)

method 2:

let imageView = UIImageView(image: image!)
imageView.contentMode = .scaleAspectFit
//Add Image to view
self.view.addSubview(imageView)
self.view.translatesAutoresizingMaskIntoConstraints = false  

self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[subview]-0-|", options: .directionLeadingToTrailing, metrics: nil, views: ["subview": imageView]))
self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[subview]-0-|", options: .directionLeadingToTrailing, metrics: nil, views: ["subview": imageView]))

answered May 23, 2018 at 14:25

morenoadan22

2341 silver badge9 bronze badges

1 Comment

Fogmeister Over a year ago

AutoLayout VFL... old school.

Teetz · Accepted Answer · 2018-05-23 14:28:12Z

1

You want to manipulate the frame of the UIImageView and not the contentMode.

Try this:

let imageView = UIImageView(image: image!)

imageView.frame = self.view.frame
imageView.contentMode = .scaleToFill

self.view.addSubview(imageView)

edited May 23, 2018 at 14:28

answered May 23, 2018 at 14:18

Teetz

3,8553 gold badges23 silver badges35 bronze badges

3 Comments

user979331 Over a year ago

It works, but now the image looks squished, I am looking for away to have to full width and aspect the height

Teetz Over a year ago

If you have this play with imageView.contentMode and look what you want for your needs

user813891 Over a year ago

Just add imageView.contentMode = .scaleToFill at the code suggested by Teetz

Collectives™ on Stack Overflow

Swift UIImage full width of screen

3 Answers 3

2 Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related