CODEWITHSUNDEEP
iosscrollview
Chaim Friedman
Chaim Friedman

Reputation: 720

Xcode embed all direct in scrollview without content view

I'm using Xcode 6.4 and I'm struggling with a large page with a bunch of various labels and text fields etc., that has to be scrollable. I looked at various tutorials some of which are obviously outdated and I had all my elements at first in a view that is inside of a scroll view. But that was a big pain with getting all the elements aligned properly using Auto Layout, in addition to not getting it to scroll either.

Now I see one person recommend using the following directly on the elements, without having a content view at all just a scroll view:

Editor -> Embed In -> Scroll View

I like it for the fact that nothing seems out of proportion, all the elements are shown on the iPhone exactly as I have it on the Storyboard without having to set any constraints, however I'm not able to get it to scroll.

This is my class

class ResNotFoundViewController: UIViewController, UIScrollViewDelegate

and I also try to set the height of the scrollview in the code as so:

@IBOutlet weak var scrollviewoutlet: UIScrollView!

and then this in the viewDidLoad as so:

scrollviewoutlet.contentSize = CGSizeMake(375, 840)

enter image description here.

But I'm not able to get it to scroll at all, it will stay exactly like it opens up with From: Label being the last visible elements.

What am I doing wrong?

Upvotes: 1

Views: 871

Answers (1)

matt
matt

Reputation: 535315

You've located the problem, thanks to your logging. (Don't worry about the double call - how many times and when viewDidLayoutSubviews gets called is uninteresting.)

The problem is that you've set the scroll view itself to be taller than the window. In particular, it is 375x809. But so is its contentSize. Thus there is nothing to scroll. A scroll view can only scroll if its contentSize is bigger (in one or two dimensions) than the scroll view. (Moreover, a scroll view bigger than the screen is usually somewhat pointless, since there will be parts of its content that the user will never see - even scrolled all the way, that content will be offscreen.)

So, fix the size of the scroll view itself and you'll be fine. The best way is to assign it constraints that pin its boundaries to its superview, since the superview will have different sizes on different devices.

Upvotes: 2

Related Questions