How to set full width image inside UIScrollView in swift

Question

I need to display large content in my UIViewController added in Storyboard so I added UIScrollView with constraints top, right, bottom, left:0 ( to make it full screen ).

In top of UIScrollView I need a square image with its width as device screen size, so I added UIImageView with constraints : aspect ratio->1:1, top:0, centre align in container, height : 100. And below It there is a UILabel where I want to show large text. I am using Auto Layout.

Is there an option to do this in Storyboard ?
In swift I tried below

Connected Image in controller file as :

@IBOutlet weak var eventThumb: UIImageView!

override func viewDidLoad() {
    super.viewDidLoad()
    // set image path from url ,it works
    eventThumb.image = UIImage(data: NSData(contentsOfURL: NSURL(string: self.event!.image)!)!) 

    let screenSize: CGRect = UIScreen.mainScreen().bounds
    eventThumb.frame = CGRectMake( 0,  0,  screenSize.width,  screenSize.width)

}

I tried related answers given here ,here and here but they not seem to working in my case.

I am new in swift and ios, am I doing something wrong in structure ?

Edit : Image added

eventThumb.frame = CGRectMake( 0, 0, screenSize.width, screenSize.width). this code is not making the image full width same as screen size and I am getting same size image displayed in storyboard — Dashrath
– Dashrath, Commented Jan 5, 2016 at 4:48

nurnachman · Accepted Answer · 2016-12-26 10:51:20Z

6

Call it in:

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // your layout code goes here, AFTER the call to super
}

You forgot to call super before your code.

edited Dec 26, 2016 at 10:51

nurnachman

4,5752 gold badges39 silver badges41 bronze badges

answered Jan 5, 2016 at 8:15

Darko

9,8659 gold badges40 silver badges52 bronze badges

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

1 Comment

nurnachman Over a year ago

great answer! small typo: finish the function signature with "()" before the "{" and the func should be "override" +1

Caleb Kleveter · Accepted Answer · 2016-01-05 14:15:36Z

1

You had tried to make the frame with following screen size

eventThumb.frame = CGRectMake( 0,  0,  screenSize.width,  screenSize.width)

Please crosscheck it with

eventThumb.frame = CGRectMake( 0,  0,  screenSize.width,  screenSize.height)

edited Jan 5, 2016 at 14:15

Caleb Kleveter

11.6k8 gold badges68 silver badges94 bronze badges

answered Jan 5, 2016 at 8:22

Ravikant Bagoria

111 bronze badge

Comments

Mayur Prajapati - MeProgrammer · Accepted Answer · 2016-01-05 05:42:05Z

0

Simply Try this Steps:

First Remove all red lines here you can see in Image

Now keep that line as it is, where you are setting a frame of Imageview

Note:

I already tried this solution in swift & worked for me. I hope it will work for you.

Edited:

As you mentioned you are using Auto layout, So no need to disable it. Just do 1 thing
Put the line which you are setting up the frame of image view in this method: -(void)viewDidLayoutSubviews

edited Jan 5, 2016 at 5:42

answered Jan 5, 2016 at 4:57

Mayur Prajapati - MeProgrammer

5,6527 gold badges45 silver badges73 bronze badges

4 Comments

Dashrath Over a year ago

Thanks , But I am using Auto Layout in my app.and your solution seems to be using fixed width layout.

Dashrath Over a year ago

my concern is, since I am using Auto Layout in whole application, I am not getting the option you suggested.If I remove Auto Layout option from storyboard is will affect whole app which I don't want to use only for this option. Can I still do it with Auto Layout option selected ?

Dashrath Over a year ago

since I am using Auto Layout in whole application, I am not getting the option you suggested. I have added image in my question edit of what I am getting now.

Dashrath Over a year ago

I added override func viewDidLayoutSubviews(){ let screenSize: CGRect = UIScreen.mainScreen().bounds eventThumn.frame = CGRectMake(0,0, screenSize.height , screenSize.width) } it set the image size on screen load. but when I scroll page ( as it is in scroll view ) it resets to old size

Collectives™ on Stack Overflow

How to set full width image inside UIScrollView in swift

3 Answers 3

1 Comment

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related