Set the content size of UIScrollview using autolayout

Question

I have a very simple view. It is just a view with a UISCrollView and an UIImageView below. Inside the UIScrollView I have a very large UIImageView. Now I need to set the UIScrollview it's contentsize using autolayout.

But I can't figure it out how I can do that ? Here is how my storyboard looks like.

enter image description here

I've tried to put the UIImageView inside a UIView and make that UIView the only child of de UIScrollView but that is also not working. Turning off autloayout is not an option because all my other views are using autolayout

Any help on this ?

Try this link:- http://stackoverflow.com/questions/13499467/uiscrollview-doesnt-use-autolayout-constraints — Vizllx, Nov 12 '13 at 07:56

score 0 · Answer 1 · answered Nov 12 '13 at 08:22

You should set many constraints to make it working in the right way. If I understand corretly, you want something similar:

View
----------------------------------
| ScrollView                     |
|--------------------------------|
||                              ||
||                              ||
||                              ||
|--------------------------------|
|ImageView                       |
|--------------------------------|
||                              ||
|--------------------------------|
----------------------------------

In this case you should set the constraints to be the top of the Scrollview exactly the View's top. The ImageView's top is the ScrollView's bottom, the ImageView's bottom is the View's bottom. And inside the ScrollView to things similarly. If you will have each needed constraint it will work.

Cy-4AH · Answer 2 · 2013-11-12T08:38:54.413

0

I use bordering view by creating such constraints in scrollView for example:

H:|[borderView(400)]|
V:|[borderView(600)]|

May be you can use your's UIImageView as bordering view.

edited Nov 12 '13 at 08:38

answered Nov 12 '13 at 08:28

Cy-4AH

4,370
2
15
22

score 0 · Answer 3 · answered Nov 12 '13 at 08:37

The contentSize of a UIScrollView can be implicitly set through the NSLayoutConstraints within the UIScrollView.

The way this would be done (If you wanted the image view to fit snugly in the UIScrollView) is:

UIImageView *imageView = ...
UIScrollView *scrollView = ...
NSDictionary *viewsDictionary = @{@"imageView" : imageView};
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[imageView]|"
                                                                   options:kNilOptions
                                                                   metrics:nil
                                                                     views:viewsDictionary]];
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[imageView]|"
                                                                   options:kNilOptions
                                                                   metrics:nil
                                                                     views:viewsDictionary]];

The contentSize would be equal to the size of the UIImageView.

Obviously to place the UIScrollView that would just be the same as placing any other view in it's subview.

Set the content size of UIScrollview using autolayout

3 Answers3